
export const drillDownOptions = [
    
    // 柱状图插件
    {

        chartType: 'bar',
        layerName: '基本柱图',
        icon: "el-icon-datav-bar",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      // 主标题
                textStyle: {
                    color: '#fff',        // 颜色
                    fontStyle: 'normal',     // 风格
                    fontWeight: 'normal',    // 粗细
                    //fontFamily: 'Microsoft yahei',   // 字体
                    //fontSize: 20,     // 大小
                    align: 'center'   // 水平对齐
                },
                subtext: '',      // 副标题
                subtextStyle: {          // 对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            legend: {
                show: true, // 是否显示图例
                type: "scroll",
                x: 'center',
                //orient: 'vertical',
                //left:'10%',
                //align: 'left',
                //top:'middle',
                textStyle: {
                    color: '#E7EAED'
                },
                height: 150
            },
            stack: false, // 是否堆叠
            itemStyle: 'false', // 是否圆角
            barWidth: 10, // 柱体宽度
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'shadow'
                }
            },
            xAxis: {
                name: 'x轴',
                type: 'category',
                data: null,
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                show: true
            },
            yAxis: {
                name: 'y轴',
                type: 'value',
                boundaryGap: [0, 0.01],
                /*splitLine: {
                    lineStyle: {
                        // 使用深浅的间隔色
                        color: ['#fff']
                    }
                },
                nameTextStyle: {
                    color: ['#fff']
                },*/
                axisLine: {
                    lineStyle: {
                        color: '#fff',
                        width: 1,//这里是为了突出显示加上的
                    }
                },
                splitLine: {
                    show: true
                },
                show: true
            },
            //竖显示
            isVertical: false,
            animate: "",
            //记录前一次切换标识
            //preChangeFlag: "false",
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue: [
                {
                    "name":"巴西123",
                    "type":"2011年",
                    "value":18203,
                },
                {
                    "name":"印尼",
                    "type":"2011年",
                    "value":23489,
                },
                {
                    "name":"美国",
                    "type":"2011年",
                    "value":29034,
                },
                {
                    "name":"印度",
                    "type":"2011年",
                    "value":104970,
                },
                {
                    "name":"中国",
                    "type":"2011年",
                    "value":131744,
                },
                {
                    "name":"世界人口(万)",
                    "type":"2011年",
                    "value":630230,
                },
                {
                    "name":"巴西123",
                    "type":"2012年",
                    "value":19325,
                },
                {
                    "name":"印尼",
                    "type":"2012年",
                    "value":23438,
                },
                {
                    "name":"美国",
                    "type":"2012年",
                    "value":31000,
                },
                {
                    "name":"印度",
                    "type":"2012年",
                    "value":121594,
                },
                {
                    "name":"中国",
                    "type":"2012年",
                    "value":134141,
                },
                {
                    "name":"世界人口(万)",
                    "type":"2012年",
                    "value":681807,
                },
                {
                    "name":"巴西123",
                    "type":"2013年",
                    "value":18203,
                },
                {
                    "name":"印尼",
                    "type":"2013年",
                    "value":23489,
                },
                {
                    "name":"美国",
                    "type":"2013年",
                    "value":29034,
                },
                {
                    "name":"印度",
                    "type":"2013年",
                    "value":104970,
                },
                {
                    "name":"中国",
                    "type":"2013年",
                    "value":131744,
                },
                {
                    "name":"世界人口(万)",
                    "type":"2013年",
                    "value":630230,
                },
                {
                    "name":"巴西123",
                    "type":"2014年",
                    "value":19325,
                },
                {
                    "name":"印尼",
                    "type":"2014年",
                    "value":23438,
                },
                {
                    "name":"美国",
                    "type":"2014年",
                    "value":31000,
                },
                {
                    "name":"印度",
                    "type":"2014年",
                    "value":121594,
                },
                {
                    "name":"中国",
                    "type":"2014年",
                    "value":134141,
                },
                {
                    "name":"世界人口(万)",
                    "type":"2014年",
                    "value":681807,
                },
            ],
            itemWidth:15,//图例宽度
            itemHeight:10,//图例高度
            legendFontSize:12,//图例字体大小
            legendFontColor:"#fff",//图例字体颜色
            legendOrient:"horizontal",//图例布局
            legendX:25,//图例水平位置
            legendY:1,//图例垂直位置
            gap:false,//是否重叠
            radiusType: 'half',//半圆角显示
            radius:12,//圆角半径
            xLineShow: true,//显示x轴线
            xLineWidth:2,//x轴粗细
            xLineColor:"#fff",//x轴线颜色
            xFontSize: 12,//x轴标签字体大小
            xFontColor:"#fff",//x轴标签字体颜色
            yLineShow: true,//显示y轴线
            yLineWidth:2,//y轴粗细
            yLineColor:"#fff",//y轴线颜色
            yFontSize: 12,//y轴标签字体大小
            yFontColor:"#fff", //y轴标签字体颜色
            lineWidth:2,//折线粗细
            lineStyle: "solid",//分隔线实线
            splitLineWidth:1,// 分隔线宽度
            splitLineColor:"#fff",//分隔线颜色
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/bar',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //是否查看详情1/0
            isView: '0',
            //查看详情接口地址
            viewURL: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0
        }
    }, {
        chartType: 'stackedBar',
        layerName: '堆叠图',
        icon: "el-icon-datav-stackedBar",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      //标题
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    //fontFamily: 'Microsoft yahei',   //字体
                    //fontSize: 20,     //大小
                    align: 'center'   //水平对齐
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'shadow'  //点击某一个柱时，该柱有阴影覆盖
                }
            },
            barWidth: 20, // 柱体宽度
            legend: {
                show: true, // 是否显示图例
                type: "scroll", //当图例数量较多时，可滚动翻页
                x: 'center',
                //orient: 'vertical',
                //left:'10%',
                //align: 'left',
                //top:'middle',
                textStyle: {
                    color: '#E7EAED' //图例中文字颜色
                },
                height: 150 //图例高度
            },
            color: ['#003366', '#006699', '#4cabce', '#e5323e'],
            xAxis: {
                name: 'x轴',
                type: 'category', //类目轴，存放离散的数据
                data: null,
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                show: true
            },
            yAxis: {
                name: 'y轴',
                type: 'value',
                boundaryGap: [0, 0.01],
                /*splitLine: {
                    lineStyle: {
                        // 使用深浅的间隔色
                        color: ['#fff']
                    }
                },
                nameTextStyle: {
                    color: ['#fff']
                },*/
                axisLine: {
                    lineStyle: {
                        color: '#fff',
                        width: 1,//这里是为了突出显示加上的
                    }
                },
                splitLine: {
                    show: true
                },
                show: true
            },
            //显示图例
            isShowLegend: true,
            //竖显示
            isVertical: false,
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',
            //载入动画
            animate: '',
            //记录前一次切换标识
            //preChangeFlag: "false",
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue:[
                {
                    "series":"2011年",
                    "name":"巴西",
                    "type":"南美洲",
                    "value":18203,
                },
                {
                    "series":"2011年",
                    "name":"印尼",
                    "type":"亚洲",
                    "value":23489,
                },
                {
                    "series":"2011年",
                    "name":"中国",
                    "type":"亚洲",
                    "value":131744,
                },
                {
                    "series":"2011年",
                    "name":"美国",
                    "type":"北美洲",
                    "value":11111,
                },
                {
                    "series":"2012年",
                    "name":"巴西",
                    "type":"南美洲",
                    "value":22222,
                },
                {
                    "series":"2012年",
                    "name":"印尼",
                    "type":"亚洲",
                    "value":12312,
                },
                {
                    "series":"2012年",
                    "name":"中国",
                    "type":"亚洲",
                    "value":131744,
                },
                {
                    "series":"2012年",
                    "name":"美国",
                    "type":"北美洲",
                    "value":22222,
                },
            ],
            //color:['#37a2da', '#fb7293', '#8378ea', '#e7bcf3', '#ffdb5c', '#32c5e9', '#9fe6b8', '#ff9f7f'],
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/stackedBar',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, {
        chartType: 'staggeredLabel',
        layerName: '交错正负轴标签',
        icon: "el-icon-datav-staggeredLabel",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      // 主标题
                textStyle: {
                    color: '#fff',        // 颜色
                    fontStyle: 'normal',     // 风格
                    fontWeight: 'normal',    // 粗细
                    //fontFamily: 'Microsoft yahei',   // 字体
                    //fontSize: 20,     // 大小
                    align: 'center'   // 水平对齐
                },
                subtext: '',      // 副标题
                subtextStyle: {          // 对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            tooltip: {
                trigger: 'axis',
                axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                }
            },
            top: 30,
            bottom: 30,
            direction: 'level',
            position: 'top',
            lineStyle: 'dashed',
            axisLine: false,
            axisLabel: false,
            axisTick: false,
            splitLine: false,
            xAxisShow: true,
            showLabel: true,
            name: '生活费',
            labelPositive: '',
            labelNegative: '',
            itemPositive: '#c23531',
            itemNegative: '#c23531',
            isThemeColor: false,
            //载入动画
            animate: '',
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                
            //静态数据值
            staticDataValue:[
                {
                    "name": "苹果",
                    "value": 100,
                },
                {
                    "name": "三星",
                    "value": 349,
                },
                {
                    "name": "小米",
                    "value": 230,
                },
                {
                    "name": "华为",
                    "value": 540,
                },
                {
                    "name": "海尔",
                    "value": 140,
                },
            ],
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/staggered',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0
        }
    }, {
        chartType: 'doublebar',
        layerName: '双柱状图',
        icon: "el-icon-datav-doublebar",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      //主标题
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    //fontFamily: 'Microsoft yahei',   //字体
                    //fontSize: 20,     //大小
                    align: 'center'   //水平对齐
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            istitle: false,
            leftColor: '#01C5B2',
            rightColor: '#FB6F6C',
            textColor: '#fff',
            istopic: true,
            xAxisShow: true,
            position: 'top',
            lineStyle: 'dashed',
            showLegend: true,
            barWidth: 15,
            isThemeColor: false,
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue: [
                {
                    "name": "10~20岁",
                    "value": 349,
                    "type": "男性"
                },
                {
                    "name": "20~30岁",
                    "value": 230,
                    "type": "男性"
                },
                {
                    "name": "30~40岁",
                    "value": 400,
                    "type": "男性"
                },
                {
                    "name": "40~50岁",
                    "value": 840,
                    "type": "男性"
                },{
                    "name": "10~20岁",
                    "value": 549,
                    "type": "女性"
                },
                {
                    "name": "20~30岁",
                    "value": 930,
                    "type": "女性"
                },
                {
                    "name": "30~40岁",
                    "value": 840,
                    "type": "女性"
                },
                {
                    "name": "40~50岁",
                    "value": 640,
                    "type": "女性"
                }],
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/doublebar',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0
        }
    }, {
        chartType: 'topbar',
        layerName: '排行榜',
        icon: "el-icon-datav-topbar",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      //主标题
                subtext: '',      //副标题
            },
            istitle: false,
            order: 'descend',
            color: [
                { color0: '#37a2da', color1: '#fff' },
                { color0: '#fb7293', color1: '#fff' },
                { color0: '#8378ea', color1: '#fff' },
                { color0: '#e7bcf3', color1: '#fff' },
                { color0: '#33CC33', color1: '#fff' }
            ],
            label: {
                show: true,
                position: 'left',
                textStyle: {
                    color: '#b3ccf8',
                    fontSize: 16,
                    fontFamily: '黑体',
                },
            },
            valueLabel: {
                show: true,
                inside: false,
                textStyle: {
                    color: '#b3ccf8',
                    fontSize: 16,
                    fontFamily: '黑体',
                },
                formatter: '{value}k'
            },
            width: 10,
            suf: 'k',
            isThemeColor: false,//应用主题颜色
            //是否静态数据
            isStaticData: true,
            //静态数据值
            staticDataValue: [
                { value: 335, name: '直接访问' },
                { value: 310, name: '邮件营销' },
                { value: 234, name: '联盟广告' },
                { value: 135, name: '视频广告' },
                { value: 548, name: '搜索引擎' }
            ],
            istopic: true,
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/topbar',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: '',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0
        }
    }, {
        chartType: 'parallebar',
        customId: '',
        layerName: '水平柱图',
        icon: "el-icon-datav-parallebar",
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '', //主标题
                textStyle: {
                    color: '#fff', //颜色
                    //fontStyle: 'normal', //风格
                    fontWeight: 'normal', //粗细
                    fontFamily: '微软雅黑', //字体
                    fontSize: 18,  //大小
                    align: 'center' //水平对齐
                },
                subtext: '', //副标题
                subtextStyle: { //对应样式
                    color: '#fff',
                    //fontSize: 14,
                    align: 'center'
                },
                x: 'left',
                itemGap: 7
            },
            xAxis: {
                max: 10000,
                splitLine: {
                    show: false
                },
                axisLine: {
                    show: false
                },
                axisLabel: {
                    show: false
                },
                axisTick: {
                    show: false
                },
                splitArea : {show : false}//去除网格区域
            },
            grid: {
                left: 80,
                top: 20, // 设置条形图的边距
                right: 80,
                bottom: 20
            },
            yAxis: [{
                type: "category",
                data: null,
                inverse: false,
                axisLine: {
                    show: false
                },
                axisTick: {
                    show: false
                },
                axisLabel: {
                    show: false
                }
            }],
            total: 100,
            borderColor: '#1C4B8E',
            linearColor0: '#1588D1',
            linearColor1: '#1C4B8E',
            symbolColor: '#061348',
            fontSize: 14,
            fontFamily: '宋体',
            fontColor: '#fff',
            isThemeColor: false,
            //是否静态数据
            isStaticData: true,
            staticDataValue: [{
                name: "管控",
                value: 25
            },
            {
                name: "集中式",
                value: 80
            },
            {
                name: "暗管",
                value: 67
            },
            {
                name: "水渠",
                value: 38
            },
            {
                name: "纳管",
                value: 49
            }],
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                   
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/parallebar',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            bi: null,
            timeout: 0
        }
    }, {
        chartType: 'doubleyAxis',
        customId: '',
        layerName: '双y轴柱图',
        icon: "el-icon-datav-doubleyAxis",
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    //fontFamily: 'Microsoft yahei',   //字体
                    //fontSize: 20,     //大小
                    align: 'center'   //水平对齐
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            top: 10,
            bottom: 5,
            left: 5,
            right: 5,
            fontColor: '#fff',
            fontSize: 14,
            barWidth: 20,
            barBorderRadius: 20,
            gradientsColorStart: '#3959FF',
            gradientsColorEnd: '#2EC8CF',
            backgroundColor: '#181F44',
            backgroundData: 5000,
            isThemeColor: false,
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                   
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue:[
                {
                    "name":"大米",
                    "value":5000,
                },
                {
                    "name":"玉米",
                    "value":2200,
                },
                {
                    "name":"蔬菜",
                    "value":1000,
                },
                {
                    "name":"鸡蛋",
                    "value":3000,
                },
                {
                    "name":"坚果",
                    "value":1200,
                },
            ],
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/staggered',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0
        }
    }, {
        chartType: 'doubleDirectionBar',
        customId: '',
        layerName: '双向柱形图',
        icon: "el-icon-datav-doubleDirectionBar",
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    //fontFamily: 'Microsoft yahei',   //字体
                    fontSize: 15,     //大小
                    align: 'center'   //水平对齐
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            labelTop: 15,
            top: 2,
            right: 2,
            legendFontSize: 14,
            showLegend: true,
            position: 'top',
            fontColor: '#fff',
            fontSize: 14,
            letterSpacing: 10,
            leftColorStart: 'rgba(227,161,96,0.8)',
            leftColorEnd: 'rgba(227,161,96,0.3)',
            rightColorStart: 'rgba(0,222,255,0.8)',
            rightColorEnd: 'rgba(0,222,255,0.3)',
            barWidth: 15,
            showLabel: true,
            isThemeColor: false,
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                   
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue:[
                {
                    "name":'A',
                    "value":3,
                    "type":"2017",
                },
                {
                    "name":'B',
                    "value":12,
                    "type":"2017",
                },
                {
                    "name":'C',
                    "value":32,
                    "type":"2017",
                },
                {
                    "name":'D',
                    "value":23,
                    "type":"2017",
                },
                {
                    "name":'A',
                    "value":5,
                    "type":"2018",
                },
                {
                    "name":'B',
                    "value":12,
                    "type":"2018",
                },
                {
                    "name":'C',
                    "value":32,
                    "type":"2018",
                },
                {
                    "name":'D',
                    "value":23,
                    "type":"2018",
                },
            ],
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/doublebar',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0
        }
    }, {
        chartType: 'doublebartime',
        layerName: '动态双向柱状图',
        icon: "el-icon-datav-doublebartime",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            istitle: true,
            title: '?月 标题',
            subtitle: '',

            //时间轴
            isautoplay: true,
            playinterval: 2000,
            suffix: '月',
            timetooltip: '?月份数据统计',
            //柱状图
            datasuffix: '人',
            barwidth: 15,
            isThemeColor: false,
            leftColor: '#659F83',
            leftfocusColor: '#08C7AE',

            rightColor: '#F68989',
            rightfocusColor: '#F94646',
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue:[
                {
                    "name":"10岁~20岁",
                    "value":30,
                    "series":"a",
                    "type":"女性",  
                },
                {
                    "name":"10岁~20岁",
                    "value":69,
                    "series":"a",
                    "type":"男性",  
                },
                {
                    "name":"20~30岁",
                    "value":76,
                    "series":"a",
                    "type":"女性",  
                },
                {
                    "name":"20~30岁",
                    "value":23,
                    "series":"a",
                    "type":"男性",  
                },
                {
                    "name":"30~40岁",
                    "value":55,
                    "series":"a",
                    "type":"女性",  
                },
                {
                    "name":"30~40岁",
                    "value":23,
                    "series":"a",
                    "type":"男性",  
                },
                {
                    "name":"10岁~20岁",
                    "value":89,
                    "series":"b",
                    "type":"女性",  
                },
                {
                    "name":"10岁~20岁",
                    "value":56,
                    "series":"b",
                    "type":"男性",  
                },
                {
                    "name":"20~30岁",
                    "value":32,
                    "series":"b",
                    "type":"女性",  
                },
                {
                    "name":"20~30岁",
                    "value":65,
                    "series":"b",
                    "type":"男性",  
                },
                {
                    "name":"30~40岁",
                    "value":32,
                    "series":"b",
                    "type":"女性",  
                },
                {
                    "name":"30~40岁",
                    "value":59,
                    "series":"b",
                    "type":"男性",  
                },
            ],
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                   
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/doublebartime',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: '',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0
        }
    }, {
        chartType: 'singleColumn',
        customId: '',
        layerName: '单柱图',
        icon: "el-icon-datav-singleColumn",
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      //主标题
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    //fontFamily: 'Microsoft yahei',   //字体
                    //fontSize: 20,     //大小
                    align: 'center'   //水平对齐
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            rich: {
                name: {
                    fontSize: 12,     //name字体大小
                    fontWeight: 500,
                    color: "#fff",      //name字体颜色
                },
                value: {
                    fontSize: 18,     //值字体大小
                    fontWeight: 500,
                    color: "#fff",      //值字体颜色
                },
            },
            barWidth: 30,        //柱状图宽度
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                   
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue:[
                {
                    "name": "苹果",
                    "value": 100,
                },
                {
                    "name": "三星",
                    "value": 349,
                },
                {
                    "name": "小米",
                    "value": 230,
                },
                {
                    "name": "华为",
                    "value": 540,
                },
                {
                    "name": "海尔",
                    "value": 140,
                },
            ],
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/staggered',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //是否查看详情1/0
            isView: '0',
            //查看详情接口地址
            viewURL: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, {
        chartType: 'threeDBar',
        layerName: '伪立体柱状图',
        icon: "el-icon-datav-threeDBar",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      //主标题
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    //fontFamily: 'Microsoft yahei',   //字体
                    //fontSize: 20,     //大小
                    align: 'center'   //水平对齐
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'shadow'  //点击某一个柱时，该柱有阴影覆盖
                },
            },
            legend: {
                type: "scroll", //当图例数量较多时，可滚动翻页
                top: '2%',
                right: '2%',
                width: '75%',
                icon: 'roundRect',
                selectedMode: true,
                data: null,
                textStyle: {
                    color: '#E7EAED' //图例中文字颜色
                },
                height: 150, //图例高度
                selected: {},
            },
            grid: { //坐标系
                left: '10%',
                right: '10%',
                bottom: '10%', //坐标系的位置
                containLabel: false //显示坐标轴刻度
            },
            backgroundColor: '',
            color: ['#003366', '#006699', '#4cabce', '#e5323e', '#37a2da', '#fb7293', '#8378ea', '#e7bcf3', '#ffdb5c', '#32c5e9', '#9fe6b8', '#ff9f7f'],
            xAxis: {
                type: 'category', //类目轴，存放离散的数据
                data: null,
                axisLine: {
                    show: true,
                },
                axisTick: {
                    show: false,
                    alignWithLabel: true,
                },
                axisLabel: {
                    show: true,
                    fontSize: 16,
                    color: '#fff',
                    verticalAlign: 'top',
                    //强制显示所有的标签
                    interval: 0,
                },
            },
            yAxis: {
                type: 'value',
                boundaryGap: [0, 0.01],
                axisLine: {
                    show: false
                },
                splitLine: {
                    show: false
                },
                axisTick: {
                    show: false
                },
                axisLabel: {
                    show: false
                }
            },
            //显示图例
            isShowLegend: true,
            //投影角度
            projectAngle: [40, 15],
            //光照角度
            lightAngle: [30, 30],
            //bar的底座大小
            bottomSize: [20, 20],
            //bar的最大value的高度
            maxHeight: 200,
            //柱体中心之间的间距
            barSpacing: 25,
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                   
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue:       
            [
                {"series":"2011年","name":"巴西","type":"南美洲","value":182},
                {"series":"2011年","name":"印尼","type":"亚洲","value":234},
                {"series":"2011年","name":"中国","type":"亚洲","value":131},
                {"series":"2011年","name":"美国","type":"北美洲","value":111},
                {"series":"2012年","name":"巴西","type":"南美洲","value":342},
                {"series":"2012年","name":"印尼","type":"亚洲","value":535},
                {"series":"2012年","name":"中国","type":"亚洲","value":154},
                {"series":"2012年","name":"美国","type":"北美洲","value":457}
            ],
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/stackedBar',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, {
        chartType: 'cylinder',
        layerName: '立体柱',
        icon: "el-icon-datav-cylinder",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      //主标题
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    align: 'center'   //水平对齐
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            width: 300,
            istitle: false,
            color1: '#363F5E',//上表面
            color2: '#2B5B4D',//隔层
            color3: '#01CC04',//下表面
            color4: '#01CC04',//下柱

            color5: "#FFFE00",//文字
            suffix: '%',
            size: 50,
            family: '黑体',
            weight: 'normal',

            color6: '#36405E',//上柱
            isThemeColor: false,
            istopic: true,
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                   
            //是否静态数据
            isStaticData: true,
            //静态数据值
            staticDataValue: [
                { name: '数据1', value: 25 },
            ],
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/cylinder',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0
        }
    },{
        //自定义3d柱图
        chartType: 'CustomThreeDBar',
        layerName: '横向立体柱状图',
        icon: "el-icon-datav-customThreeDBar",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      //主标题
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    //fontFamily: 'Microsoft yahei',   //字体
                    //fontSize: 20,     //大小
                    align: 'center'   //水平对齐
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            grid: {
                left: "10%",
                right:"10%",
                bottom: '12%',
                top: "15%",
                containLabel: true,
            },
            yAxis: {
                show: true,
                name: 'y轴',
                type: 'category',
                nameLocation:'end',
                nameTextStyle: {
                    fontSize:16,
                    color: ['#fff']
                },
                axisLine: {
                    show: false,
                    lineStyle: {
                        color: '#fff',
                        width: 1,
                    },
                },
                // offset: 20,
                axisTick: {
                    show: false,
                    length: 9,
                    alignWithLabel: false,
                    lineStyle: {
                        color: '#7DFFFD'
                    }
                },
                axisLabel: {
                    show: true,
                    fontSize: 16,
                    color: '#fff',
                    fontFamily: "微软雅黑",
                }
            },
            xAxis: {
                show: true,
                name: 'x轴',
                type: 'value',
                nameLocation:'end',
                nameTextStyle: {
                    fontSize:16,
                    color: ['#fff']
                },
                axisLine: {
                    show: false,
                    lineStyle: {
                        color: '#fff',
                        width:1,
                    },
                },
                splitLine: {
                    show: false
                },
                axisTick: {
                    show: false
                },
                axisLabel: {
                    show:false,
                    fontSize: 16,
                    color: '#fff',
                    fontFamily: "微软雅黑"
                },
                // boundaryGap: ['5%', '5%']
            },
            series: [
                //背景阴影
                {
                    type: 'custom',
                },
                {
                    type: 'custom',
                },
                {
                    type: 'bar',
                    label: {
                        show: true,
                        fontSize: 16,
                        position:[200,0],
                        color: '#EEEEFF',
                        fontFamily: '微软雅黑',
                    },
                    itemStyle: {
                        color: 'transparent'
                    },
                }
            ],
            //是否为新数据格式
            newDataFormat: true,
            staticDataValue:[
                {"value":335,"name":"直接访问"},
                {"value":310,"name":"邮件营销"},
                {"value":234,"name":"联盟广告"},
                {"value":135,"name":"视频广告"},
                {"value":548,"name":"搜索引擎"}
            ],
            gridLeft:10,
            //显示占比
            showAll:false,
            max:100,
            //占比背景颜色
            shadowColor:"#3c5588",
            //占比背景透明度
            shadowOpacity:0.7,
            //图形朝向
            barOrient:'纵向',
            //图形宽度
            threeDBarWidth:15,
            //柱体高度
            threeDBarHeight:10,
            //柱体颜色
            processColor:["#3B80E2","#49BEE5"],
            //数据标签后缀
            labelText:'',
            //是否静态数据
            isStaticData: true,
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                   
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/staggered',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '', //主题
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0
        }
    },
    {
        //比例柱图
        chartType: 'rateBar',
        layerName: '比例柱状图',
        icon: "el-icon-datav-rateBar",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      //主标题
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    //fontFamily: 'Microsoft yahei',   //字体
                    //fontSize: 20,     //大小
                    align: 'center'   //水平对齐
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            xAxis: {
                axisLine: {
                    show: true, //隐藏X轴轴线
                    lineStyle: {
                        color: '#001C50',
                        width: 1
                    },
                },
                axisTick: {
                    show: false, //隐藏X轴刻度
                },
                axisLabel: {
                    show: true,
                    margin: 10,
                    fontSize: 15,
                    textStyle: {
                        color: '#ffffff', //X轴文字颜色
                    },
                    fontWeight:600,
                    fontFamily: '微软雅黑',
                },
            },
            yAxis: {
                type: 'value',
                gridIndex: 0,

                splitLine: {
                    show: true,
                    lineStyle: {
                        color: 'rgba(46,92,145,1)',
                        width: 1,
                        type: 'dashed'
                    },
                },
                axisTick: {
                    show: false,
                },
                axisLine: {
                    show: false,
                    lineStyle: {
                        color: '#11417a',
                        width: 1
                    },
                },
                axisLabel: {
                    show: true,
                    margin: 14,
                    fontSize: 10,
                    textStyle: {
                        color: '#ffffff', //X轴文字颜色
                    },
                },
            },
            totalBar:{
                barWidth:20,
                backgroundColor: '#001C50',
                color:['#49FFAA','#02E8FC'],
                completedColor:['#2456C4','#4C79D2'],
            },
            label:{
                show: true,
                distance: 15,
                color: '#02E6FC',
                fontSize: 16,
                fontFamily: 'Digital',
                fontWeight: "bold",
                padding: [0, 30, 20, 30],
                backgroundShow: false,
                backgroundImg: "",
                imageHeight: 50,
                imageWidth:120,

            },
            splitBar:{
                color: '#0F375F',
                width: 20,
                height: 3,
                symbolMargin: 3,
            },
            max:1000,
            //是否为新数据格式
            newDataFormat: true,
            staticDataValue:[
                {
                    "name":"营商",
                    "value":420,
                    "total":700,
                },
                {
                    "name":"信用",
                    "value":630,
                    "total":900,
                },
                {
                    "name":"环保",
                    "value":630,
                    "total":900,
                },
                {
                    "name":"税务",
                    "value":440,
                    "total":800,
                },
            ],

            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                 
            //当isStaticData: false时，为动态数据，需要走接口获取
            isStaticData: true,
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/rateBar',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '', //主题
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0
        }
    },
    //象形柱图
    {
        chartType:'pictorialBar',
        layerName:"象形柱图",
        icon: "el-icon-datav-pictorialBar",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption:{
            title: {
                text: '', // 主标题
                textStyle: {
                    color: '#fff', // 颜色
                    fontStyle: 'normal', // 风格
                    fontWeight: 'normal', // 粗细
                    //fontFamily: 'Microsoft yahei',  // 字体
                    //fontSize: 20, // 大小
                    align: 'center' // 水平对齐
                },
                subtext: '', // 副标题
                subtextStyle: { // 对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            tooltip: {//提示
                trigger: 'axis',//坐标轴触发tooltip
                axisPointer: {
                    type: 'none'
                },
                formatter: "{b} : {c}"
            },
            legend: {
                show: true,
                type: "scroll",
                orient: 'horizontal',
                left: 'center',
                align: 'left',
                top: 'top',
                itemGap:10, //图例间隔
                itemWidth:16,
                itemHeight:9,
                textStyle: {
                    color: '#E7EAED',
                    fontSize:14,
                },
                height: '50%',
            },
            xAxis: {
                show: true,
                name: 'x轴',
                nameLocation:'end',
                nameTextStyle: {
                    fontSize:16,
                    color: ['#fff']
                },
                type: 'category', //x值为category，y值为value时，图形纵向
                boundaryGap: true, // 从0开始
                //data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                splitLine: {
                    show:false,
                    lineStyle: {
                    color: '#fff'
                    },
                },
                axisLabel: {
                    show: true,
                    fontSize: 14,
                    color: '#fff',
                    fontFamily: "微软雅黑"
                },
                axisTick: { show: false },
                axisLine: {
                    show: true,
                    lineStyle: {
                        color: '#fff',
                        width:1,
                    },
                }
            },
            yAxis: {
                show: true,
                name: 'y轴',
                type: 'value',//y值为category，x值为value时，图形横向
                nameLocation:'end',
                nameTextStyle: {
                    fontSize:16,
                    color: ['#fff']
                },
                splitLine: {
                    show:false,
                    lineStyle: {
                    color: '#fff'
                    },
                },
                axisLabel: {
                    show: true,
                    align: "right",
                    fontSize: 14,
                    color: '#fff',
                    fontFamily: "微软雅黑"
                },
                axisTick: { show: false },
                axisLine: {
                    show: true,
                    lineStyle: {
                        color: '#fff',
                        width: 1,
                    },
                }
            },
            series:
            [
                {
                    name: '系列名称',
                    type: 'pictorialBar',
                    barGap:'20%',
                    label: {
                        show: true,
                        position: 'top',
                        fontSize: 16,
                        fontFamily:"微软雅黑",
                        color:'#fff'
                    },
                    symbol:"image://",
                    symbolRepeat: 'fixed',
                    symbolClip: true,
                    symbolSize: [30, 30],
                    color:'#fff',
                    barCategoryGap: '40%',
                    z:2,
                },
            ],
            max:100,
            //自定义图案
            imageList:[],
            //显示占比
            showAll:false,
            //占比阴影偏移
            symbolOffset:[0,0],
            //图形朝向
            barOrient:'纵向',
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                 
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue:[
                {
                    "series":"2011年",
                    "name":"reindeer",
                    "type":"pictorialBar",
                    "value":57,
                },
                {
                    "series":"2011年",
                    "name":"ship",
                    "type":"pictorialBar",
                    "value":21,
                },
                {
                    "series":"2011年",
                    "name":"plane",
                    "type":"pictorialBar",
                    "value":66,
                },
                {
                    "series":"2011年",
                    "name":"train",
                    "type":"pictorialBar",
                    "value":78,
                },
                {
                    "series":"2011年",
                    "name":"car",
                    "type":"pictorialBar",
                    "value":83,
                },
                {
                    "series":"2012年",
                    "name":"reindeer",
                    "type":"pictorialBar",
                    "value":57,
                },
                {
                    "series":"2012年",
                    "name":"ship",
                    "type":"pictorialBar",
                    "value":21,
                },
                {
                    "series":"2012年",
                    "name":"plane",
                    "type":"pictorialBar",
                    "value":55,
                },
                {
                    "series":"2012年",
                    "name":"train",
                    "type":"pictorialBar",
                    "value":23,
                },
                {
                    "series":"2012年",
                    "name":"car",
                    "type":"pictorialBar",
                    "value":33,
                },
            ],
                
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/stackedBar',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0
        }
    },
    

    // 折线图插件
    {
        chartType: 'line',
        layerName: '基本折线图',
        icon: "el-icon-datav-line",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '', // 主标题
                textStyle: {
                    color: '#fff', // 颜色
                    fontStyle: 'normal', // 风格
                    fontWeight: 'normal', // 粗细
                    //fontFamily: 'Microsoft yahei',  // 字体
                    //fontSize: 20, // 大小
                    align: 'center' // 水平对齐
                },
                subtext: '', // 副标题
                subtextStyle: { // 对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            legend: {
                show: true, // 是否显示图例
                type: "scroll",
                x: 'center',
                //orient: 'vertical',
                //left:'10%',
                //align: 'left',
                //top:'middle',
                textStyle: {
                    color: '#E7EAED'
                },
                height: 150
            },
            tooltip: {
                trigger: 'axis'
            },
            xAxis: {
                name: 'x轴',
                type: 'category',
                boundaryGap: false, // 从0开始
                //data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                show: true
            },
            yAxis: {
                name: 'y轴',
                type: 'value',
                /*splitLine: {
                    lineStyle: {
                        // 使用深浅的间隔色
                        color: ['#fff']
                    }
                },
                nameTextStyle: {
                    color: ['#fff']
                },*/
                axisLine: {
                    lineStyle: {
                        color: '#fff',
                        width: 1,//这里是为了突出显示加上的
                    }
                },
                splitLine: {
                    show: true
                },
                show: true
            },

            //折线的新增属性
            lineSymbolSize:8,
            lineWidth:3,

            // y坐标轴新增属性
            yAxisLineShow:true,
            yAxisLineWidth:1,
            yAxisLineColor:'#fff',
            yAxisFontSize:14,
            // yAxisFontColor:'#fff',
            // yAxisFontFamily:'微软雅黑',
            yAxisnameLocation:'end',
            yLabelShow:true,
            yLabelFontSize:14,
            yLabelFontColor:'#fff',
            yLabelFontFamily:"微软雅黑",

            // x坐标轴新增属性
            xAxisLineShow:true,
            xAxisLineWidth:1,
            xAxisLineColor:'#fff',
            xAxisFontSize:14,
            // xAxisFontColor:'#fff',
            // xAxisFontFamily:'微软雅黑',
            xAxisnameLocation:'end',
            xLabelShow:true,
            xLabelFontSize:14,
            xLabelFontColor:'#fff',
            xLabelFontFamily:"微软雅黑",

            //图例属性
            legendOrient: 'horizontal',
            legendX:30,
            legendY:0,
            legendFontSize:14,
            itemWidth:14,
            itemHeight:8,

            //分割线属性
            splitLineType:'solid',
            splitLineWidth:2,
            splitLineColor:'#ccc',

            //是否显示平均线
            isMarkLine: false,
            //是否显示最大值和最小值
            isMarkPoint: false,
            //折线是否平滑
            isSmooth: true,
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //是否静态数据
            isStaticData: true,
            newDataFormat:true,
            //静态数据值
            staticDataValue:
            [
                {
                    "name": "苹果",
                    "value": 879,
                    "type": "手机品牌"
                },
                {
                    "name": "三星",
                    "value": 340,
                    "type": "手机品牌"
                },
                {
                    "name": "小米",
                    "value": 230,
                    "type": "手机品牌"
                },
                {
                    "name": "oppo",
                    "value": 540,
                    "type": "手机品牌"
                },
                {
                    "name": "vivo",
                    "value": 340,
                    "type": "手机品牌"
                }
            ],
            
            
            //color: ['#00CFFF', '#006CED', '#FFE000', '#FFA800', '#FF5B00', '#FF3000'],
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/bar',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '', //主题
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0
        }
    }, {
        chartType: 'shadowLine',
        layerName: '阴影折线图',
        icon: "el-icon-datav-shadowline",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      //主标题
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    //fontFamily: 'Microsoft yahei',   //字体
                    //fontSize: 20,     //大小
                    align: 'center'   //水平对齐
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            lineStyle: 'dashed',
            legend: {
                show: true,
                type: "scroll",
                x: 'center',
                //orient: 'vertical',
                //left:'10%',
                //align: 'left',
                //top:'middle',
                textStyle: {
                    color: '#E7EAED'
                },
                height: 150
            },
            tooltip: {
                trigger: 'axis'
            },
            xAxis: {
                name: 'x轴',
                //type: "category",
                boundaryGap: false, // 从0开始
                //data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec'],
                show: true,
                axisLabel: {
                    // show: true,
                    textStyle: {
                        color: "#fff",
                        fontSize: 10
                    }
                },
                axisLine: {
                    lineStyle: {
                        color: '#fff',

                    }
                },
                axisTick: {
                    show: true,
                    alignWithLabel: true,
                },
            },
            yAxis: {
                name: 'y轴',
                type: 'value',
                splitNumber: 5,
                axisLabel: {
                    textStyle: {
                        color: '#fff',
                        fontSize: 10
                    }
                },
                axisLine: {
                    lineStyle: {
                        color: 'transparent',
                    }
                },

                splitLine: {
                    show: true,
                    lineStyle: {
                        color: '#B4B3C0',
                        type: "dashed"
                    }
                },
                show: true
            },
            //折线是否平滑
            isSmooth: true,
            //是否显示平均线
            isMarkLine: false,
            //是否显示最大值和最小值
            isMarkPoint: false,
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //是否静态数据
            isStaticData: true,
            newDataFormat:true,
            //静态数据值
            staticDataValue: [
                {
                    "name": "苹果",
                    "value": 879,
                    "type": "手机品牌"
                },
                {
                    "name": "三星",
                    "value": 340,
                    "type": "手机品牌"
                },
                {
                    "name": "小米",
                    "value": 230,
                    "type": "手机品牌"
                },
                {
                    "name": "oppo",
                    "value": 540,
                    "type": "手机品牌"
                },
                {
                    "name": "vivo",
                    "value": 340,
                    "type": "手机品牌"
                }
            ],
            // color: ['#00CFFF', '#006CED', '#FFE000', '#FFA800', '#FF5B00', '#FF3000'],
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/bar',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0
        }
    }, {
        chartType: 'rain',
        layerName: '雨量流量关系图',
        icon: "el-icon-datav-rain",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    //fontFamily: 'Microsoft yahei',   //字体
                    //fontSize: 20,     //大小
                    align: 'center'   //水平对齐
                },
                subtext: '',
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                //itemGap:7,
                left: 'center',
                align: 'right'
            },
            backgroundColor: '#101129',
            //color: ['#37a2da', '#8378ea', '#fb7293', '#e7bcf3', '#ffdb5c', '#32c5e9', '#9fe6b8', '#ff9f7f'],
            grid: {
                bottom: 80,
                left: 50,
                right: 45
            },
            toolbox: {
                //top: '80%',
                x: '80%',
                feature: {
                    dataZoom: {
                        yAxisIndex: 'none'
                    },
                    restore: {},
                    saveAsImage: {}
                },
                show: true
            },
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'cross',
                    animation: false,
                    label: {
                        backgroundColor: '#505765'
                    }
                }
            },
            legend: {
                show: true,
                type: "scroll",
                x: '5%',
                //orient: 'vertical',
                //left:'0%',
                align: 'left',
                //top:'middle',
                textStyle: {
                    color: '#E7EAED'
                },
                height: 150
            },
            dataZoom: [
                {
                    show: true,
                    realtime: true,
                    start: 65,
                    end: 85
                },
                {
                    type: 'inside',
                    realtime: true,
                    start: 65,
                    end: 85
                }
            ],
            xAxis: [
                {
                    type: 'category',
                    boundaryGap: false,
                    axisLine: { onZero: false },
                    axisLine: {
                        lineStyle: {
                            color: '#fff'
                        }
                    },
                    data: null,
                    show: true
                }
            ],
            yAxis: [
                {
                    name: '流量(m^3/s)',
                    type: 'value',
                    max: 500,
                    axisLine: {
                        lineStyle: {
                            color: '#fff'
                        }
                    },
                    splitLine: {
                        show: true
                    },
                    show: true
                },
                {
                    name: '降雨量(mm)',
                    nameLocation: 'start',
                    max: 5,
                    type: 'value',
                    inverse: true,
                    axisLine: {
                        lineStyle: {
                            color: '#fff'
                        }
                    },
                    splitLine: {
                        show: true
                    },
                    show: true
                }
            ],
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue:[
                {
                    "name":"2009/6/12 1:00",
                    "type":"流量",
                    "value":0.97,
                },
                {
                    "name":"2009/6/12 3:00",
                    "type":"流量",
                    "value":0.56,
                },
                {
                    "name":"2009/6/12 3:00",
                    "type":"流量",
                    "value":0.67,
                },
                {
                    "name":"2009/6/12 4:00",
                    "type":"流量",
                    "value":0.76,
                },
                {
                    "name":"2009/6/12 5:00",
                    "type":"流量",
                    "value":0.87,
                },
                {
                    "name":"2009/6/12 6:00",
                    "type":"流量",
                    "value":0.36,
                },
                {
                    "name":"2009/6/12 7:00",
                    "type":"流量",
                    "value":0.47,
                },
                {
                    "name":"2009/6/12 8:00",
                    "type":"流量",
                    "value":0.66,
                },
                {
                    "name":"2009/6/12 9:00",
                    "type":"流量",
                    "value":0.37,
                },
                {
                    "name":"2009/6/12 10:00",
                    "type":"流量",
                    "value":0.76,
                },
                {
                    "name":"2009/6/12 1:00",
                    "type":"降雨量",
                    "value":0,
                },
                {
                    "name":"2009/6/12 2:00",
                    "type":"降雨量",
                    "value":0.44,
                },
                {
                    "name":"2009/6/12 3:00",
                    "type":"降雨量",
                    "value":0.32,
                },
                {
                    "name":"2009/6/12 4:00",
                    "type":"降雨量",
                    "value":0.92,
                },
                {
                    "name":"2009/6/12 5:00",
                    "type":"降雨量",
                    "value":0.8,
                },
                {
                    "name":"2009/6/12 6:00",
                    "type":"降雨量",
                    "value":1.045,
                },
                {
                    "name":"2009/6/12 7:00",
                    "type":"降雨量",
                    "value":0.76,
                },
                {
                    "name":"2009/6/12 8:00",
                    "type":"降雨量",
                    "value":0.88,
                },
                {
                    "name":"2009/6/12 9:00",
                    "type":"降雨量",
                    "value":1.6,
                },
                {
                    "name":"2009/6/12 10:00",
                    "type":"降雨量",
                    "value":1,
                }
            ],             
        
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/rain',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0
        }
    },

        
    

    // 饼图插件
    {
        chartType: 'pie',
        layerName: '基本饼图',
        icon: "el-icon-datav-pie",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      //主标题
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    //fontFamily: 'Microsoft yahei',   //字体
                    //fontSize: 20,     //大小
                    align: 'center'   //水平对齐
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            tooltip: {//提示
                trigger: 'item',//饼图
                formatter: "{b} : {c} ({d}%)"
            },
            //color: ['#37a2da','#32c5e9','#9fe6b8','#ffdb5c','#ff9f7f','#fb7293','#e7bcf3','#8378ea'],
            legend: {
                show: true,
                type: "scroll",
                orient: 'vertical',
                right: '10%',
                align: 'left',
                top: 'middle',
                textStyle: {
                    color: '#E7EAED'
                },
                height: 150
            },
            series: [
                {
                    name: '系列名称',
                    type: 'pie',
                    radius: '55%',
                    center: ['35%', '50%'],//饼图的位置
                    roseType: false,//南丁格尔玫瑰
                    stillShowZeroSum: true,//不显示零
                    emphasis: {
                        itemStyle: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                    },
                    label: {
                        show: false
                    }
                }
            ],
            //新增属性
            labelFontSize:14,
            labelLineWidth:2,//新增引导线宽度
            labelLineLength:15,
            labelLineLength2:10,
            labelFormatter:["类别名称"],
            formatterSuffix:"",//数值标签的后缀
            legendCols:1,
            legendPositionLeft:60,
            legendPositionTop:30,
            legendItemGapX:10,
            legendItemGapY:8,
            legendFontSize:14,
            showPercentage:false,
            textWidth:100,
            //内环阴影
            innerShadow:false,
            //内环半径比例
            innerRadiusScale: 0.3,
            //内环透明度
            innerRadiusOpacity:0.75,
            //内半径
            innerRadius: 50,
            //外半径
            outerRadius: 70,
            //isLabel :"false",
            //南丁格尔玫瑰
            isRoseType: false,
            //是否环饼
            isRing: false,
            isFan: false,
            startAngle: '0',
            endAngle: '180',

            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                
            //是否静态数据
            isStaticData: true,
            //静态数据值
            staticDataValue: [
                { value: 335, name: '直接访问' },
                { value: 310, name: '邮件营销' },
                { value: 234, name: '联盟广告' },
                { value: 135, name: '视频广告' },
                { value: 1548, name: '搜索引擎' }
            ],

            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/pie',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0
        }
    }, {
        chartType: 'ringPie',
        layerName: '环饼图',
        icon: "el-icon-datav-ringPie",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '交通方式',      //主标题
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    //fontFamily: 'Microsoft yahei',   //字体
                    //fontSize: 20,     //大小
                    align: 'center'   //水平对齐
                },
                subtext: '数据来自网络',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            legend: {
                show: true, // 是否显示图例
                icon: "circle",
                orient: 'horizontal',   //垂直horizontal  水平level
                x: 'right',
                y: 'top',
                textStyle: {
                    color: "#fff"
                },
                itemGap: 20
            },
            fontColor:'#00ffff',
            fontSize: 22,
            length: 20,
            length2: 30,
            //内半径
            innerRadius: 80,
            //外半径
            outerRadius: 90,
            //内环线宽度
            innerPieWidth: 130,
            //是否静态数据
            isStaticData: true,
            //静态数据值
            staticDataValue: [
                { name: '火车', value: 20 },
                { name: '飞机', value: 10 },
                { name: '客车', value: 30 },
                { name: '轮渡', value: 40 }
            ],
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/ringPie',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //是否查看详情1/0
            isView: '0',
            //查看详情接口地址
            viewURL: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0
        }
    },
       

    //漏斗图插件
    {
        chartType: 'funnel',
        layerName: '漏斗图',
        icon: "el-icon-datav-funnel",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      //主标题
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    //fontFamily: 'Microsoft yahei',   //字体
                    //fontSize: 20,     //大小
                    align: 'center'   //水平对齐
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            tooltip: {//提示
                trigger: 'item',//饼图
                formatter: "{b} : {c} ({d}%)"
            },
            legend: {
                show: true,
                type: "scroll",
                orient: 'vertical',
                right: '10%',
                align: 'left',
                top: 'middle',
                textStyle: {
                    color: '#E7EAED'
                },
                height: 150
            },
            series: [
                {
                    name: '系列名称',
                    type: 'funnel',
                    maxSize: '120%',
                    //top: '20%',
                    right: '50%',
                    // sort: 'descending',
                    emphasis: {
                        itemStyle: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                    }
                }
            ],

            sort: 'descending',
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',              
            //是否静态数据
            isStaticData: true,
            //静态数据值
            staticDataValue: [
                { value: 335, name: '直接访问' },
                { value: 310, name: '邮件营销' },
                { value: 234, name: '联盟广告' },
                { value: 135, name: '视频广告' },
                { value: 154, name: '搜索引擎' }
            ],

            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/funnel',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    },

    //仪表盘插件
    {
        chartType: 'gauge',
        layerName: '基本仪表盘',
        icon: "el-icon-datav-gauge",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '', //主标题
                textStyle: {
                    color: '#fff', //颜色
                    fontStyle: 'normal', //风格
                    fontWeight: 'normal', //粗细
                    align: 'center'  //水平对齐
                },
                subtext: '', //副标题
                subtextStyle: { //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            tooltip: {//提示
                trigger: 'item', //饼图
                formatter: "{b} : {c}%"
            },
            series: [
                {
                    name: '系列名称',
                    type: 'gauge',
                    radius: '70',
                    min: '0',
                    max: '100',
                    startAngle: '225',
                    endAngle: '-45',
                    clockwise: true,
                    splitNumber: 10,
                    axisLine: { //表盘
                        show: true,
                        lineStyle: {
                            width: '15',
                            color: [0],
                        }
                    },
                    splitLine: { //分割线
                        show: true,
                        length: '10',
                        lineStyle: {
                            color: "",
                            width: '1.5',
                            type: "solid"
                        }
                    },
                    axisTick: { //刻度
                        show: true,
                        splitNumber: '5',
                        length: '5',
                        lineStyle: {
                            color: "",
                            width: '1',
                            type: "solid"
                        }
                    },
                    detail: {
                        color: "",
                    },
                    axisLabel: { //刻度值
                        show: true,
                        distance: '12',
                        color: "#fff",
                        fontSize: '17',
                    }
                }
            ],
            istopic: true, //true：使用主题，false：自定义颜色
            isGradients: false,

            isClockwise: true, //是否逆时针表盘
            isAxisLineShow: true, //是否显示表盘轴线
            isSplitLineShow: true, //是否显示分割线
            isAxisTickShow: true, //是否显示刻度线
            isAxisLabelShow: true, //是否显示刻度值
            radius: '100',//百分比半径
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //是否静态数据
            isStaticData: true,
            //静态数据值
            staticDataValue: [
                { name: '数据1', value: 10 },
            ],
            thiscolor: ['#08546c', '#022534', '#a0bacc'],
            // thiscolor: [[0.2, "#893448"], [0.8, "#d95850"], [1, "#eb8146"]],
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/gauge',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, {
        chartType: 'keygauge',
        layerName: '键盘仪表盘',
        icon: "el-icon-datav-keygauge",
        customId: '',
        width: 350,
        height: 250,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '', //主标题
                textStyle: {
                    color: '#fff', //颜色
                    fontStyle: 'normal', //风格
                    fontWeight: 'normal', //粗细
                    align: 'center'  //水平对齐
                },
                subtext: '', //副标题
                subtextStyle: { //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            color: [[0.2, "#893448"], [0.8, "#d95850"], [1, "#eb8146"]],
            startAngle: '180',						//起始角度
            endAngle: '0',							//终止角度
            min: "0",								//最小值
            max: "100",								//最大值
            radius: '150',							//半径(绝对值)
            width: '7',                              //刻度值宽度
            length: '17',                            //刻度值长度
            center: ['50%', '70%'],                   //仪表盘位置
            splitNumber: "40",						//被分割线分出的段数，用于确定刻度值的个数

            isdetail: true,
            detailOffset: [0, -40],
            detailColor: "#fff",
            detailFamily: '黑体',
            detailSize: '45',
            detailWeight: 'normal',

            noColor: "#fff",
            istopic: true,

            isinline: false,
            inlineColor: '#8D8D8D',
            inlineWidth: '3',
            inlineRadius: '130',	//仪表盘内侧弧线
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //是否静态数据   当isStaticData: false时，为动态数据，需要走接口获取
            isStaticData: true,
            //静态数据值
            staticDataValue: [{ name: '数据1', value: 80 }],
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/gauge',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',

            //绑定的div
            bindingDiv: '',
            isTopic: true, //是否应用主题
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    },
    //进度仪表盘插件
    {
        chartType: 'progauge',
        layerName: '进度仪表盘',
        icon: "el-icon-datav-progauge",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            //标签
            label:{
                fontSize: 22,
                color:'rgba(0,254,240,1)',
                fontFamily:"Digital",
                fontWeight:"normal"
            },
            title:{
                text: "统计",
                fontSize: 20,
                color:'#fff',
                fontFamily:"宋体",
                fontWeight:"normal",
                top:50,//标题上边距
                left:42//标题左边距
            },
            isValue:true,//显示数值
            offsetCenter: [0, -18],//数值位置
            splitNumber: 50,//分隔线数量
            surplusColor: "#0a1f4d",//剩余部分颜色
            processColor:['#256BC5','#52EFCA'],//进度条颜色
            progressWidth:10,//进度条宽度
            splitLineColor:"#020f18",//分隔线颜色
            splitLineWidth:2,//分隔线宽度
            outRadius: [76,78],//外环半径
            outColor:"#7ED0F6",//外环颜色
            innerRadius: [51,53],//外环半径
            innerColor:"#7ED0F6",//外环颜色

            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //是否静态数据
            isStaticData: true,
            newDataFormat:true,
            //静态数据值
            staticDataValue: [{ name: '数据1', value: 80 }],

            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/gauge',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    },

       

    //散点图插件
    {
        chartType: 'scatter',
        layerName: '散点图',
        icon: "el-icon-datav-scatter",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      // 主标题
                textStyle: {
                    color: '#fff',        // 颜色
                    fontStyle: 'normal',     // 风格
                    fontWeight: 'normal',    // 粗细
                    //fontFamily: 'Microsoft yahei',   // 字体
                    //fontSize: 20,     // 大小
                    align: 'center'   // 水平对齐
                },
                subtext: '',      // 副标题
                subtextStyle: {          // 对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            color: 'rgb(204, 46, 72)',
            symbolSize: 20,
            xAxis: {
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                splitLine: {
                    show: true
                },
                show: true
            },
            yAxis: {
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                splitLine: {
                    show: true
                },
                show: true
            },
            isSplitLine: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue:[
                {
                    "x": 1,
                    "y": 8.04,
                    "value": 20,
                    "type": "Bor",
                    "series":"2020"
                },
                {
                    "x": 2,
                    "y": 6.95,
                    "value": 15,
                    "type": "Lon",
                    "series":"2020"
                },
                {
                    "x": 10,
                    "y": 8.04,
                    "value": 50,
                    "type": "Bor",
                    "series":"2021"
                },
                {
                    "x": 2,
                    "y": 26.95,
                    "value": 75,
                    "type": "Lon",
                    "series":"2021"
                }
            ],
            
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',              
            //当isStaticData: false时，为动态数据，需要走接口获取
            //是否静态数据
            isStaticData: true,
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/scatter',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    },
    //热力图插件
    {
        chartType: 'heatMap',
        layerName: '热力图',
        icon: "el-icon-datav-heatMap",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title:{
                show:true,
                text:'',
                textStyle:{
                    color:'#fff',
                    fontSize:24,
                    fontFamily:'微软雅黑',
                    align: 'center'
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 20,
                    fontFamily:'微软雅黑',
                    align: 'center'
                },
            },
            tooltip: {
                position: 'top'
            },
            xAxis: {
                type: "category",
                data: [],
                axisLine: {
                  show: false,
                },
                axisLabel: {
                  textStyle: {
                    fontSize: 20,
                    color: "#fff",
                  },
                },
                splitArea: {
                  show: true,
                },
            },
            yAxis: {
                type: "category",
                data: [],
                axisLabel: {
                  textStyle: {
                    fontSize: 20,
                    color: "#fff",
                  },
                },
                axisLine: {
                  show: false,
                },
                splitArea: {
                  show: true,
                },
            },
            visualMap: {
                min: 0,
                max: 100,
                show: true,
                calculable: true,
                orient: "vertical",
                left: "right",
                bottom: '3%',
                inRange:{
                    color:["#f6efa6","#bf444c"]
                },
                textStyle:{
                    color:"#FFF",
                    fontSize:18,
                }
            },
            series: [
                {
                    name:"",
                    type: "heatmap",
                    data: [],
                    label: {
                        show: true,
                        color:"#000",
                        fontSize: 18,
                    },
                    emphasis: {
                        itemStyle: {
                            shadowBlur: 10,
                            shadowColor: "rgba(0, 0, 0, 0.5)",
                        },
                    },
                }
            ],
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',              
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue:[
                {
                    "name":"1月",
                    "type":"2015",
                    "value":1,
                },
                {
                    "name":"2月",
                    "type":"2015",
                    "value":2,
                },
                {
                    "name":"3月",
                    "type":"2015",
                    "value":3,
                },
                {
                    "name":"4月",
                    "type":"2015",
                    "value":1,
                },
                {
                    "name":"5月",
                    "type":"2015",
                    "value":2,
                },
                {
                    "name":"6月",
                    "type":"2015",
                    "value":3,
                },
                {
                    "name":"7月",
                    "type":"2015",
                    "value":1,
                },
                {
                    "name":"8月",
                    "type":"2015",
                    "value":2,
                },
                {
                    "name":"9月",
                    "type":"2015",
                    "value":3,
                },
                {
                    "name":"10月",
                    "type":"2015",
                    "value":1,
                },
                {
                    "name":"11月",
                    "type":"2015",
                    "value":2,
                },
                {
                    "name":"12月",
                    "type":"2015",
                    "value":3,
                },
                {
                    "name":"1月",
                    "type":"2016",
                    "value":1,
                },
                {
                    "name":"2月",
                    "type":"2016",
                    "value":2,
                },
                {
                    "name":"3月",
                    "type":"2016",
                    "value":3,
                },
                {
                    "name":"4月",
                    "type":"2016",
                    "value":1,
                },
                {
                    "name":"5月",
                    "type":"2016",
                    "value":2,
                },
                {
                    "name":"6月",
                    "type":"2016",
                    "value":3,
                },
                {
                    "name":"7月",
                    "type":"2016",
                    "value":1,
                },
                {
                    "name":"8月",
                    "type":"2016",
                    "value":2,
                },
                {
                    "name":"9月",
                    "type":"2016",
                    "value":3,
                },
                {
                    "name":"10月",
                    "type":"2016",
                    "value":1,
                },
                {
                    "name":"11月",
                    "type":"2016",
                    "value":2,
                },
                {
                    "name":"12月",
                    "type":"2016",
                    "value":3,
                },
            ],

            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/heatMap',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    },
    //雷达图插件
    {
        chartType: 'radar',
        layerName: '雷达图',
        icon: "el-icon-datav-radar",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    //fontFamily: 'Microsoft yahei',   //字体
                    //fontSize: 20,     //大小
                    align: 'center'   //水平对齐
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            tooltip: {},
            legend: {
                show: true, // 是否显示图例
                type: "scroll",
                x: 'right',
                //orient: 'vertical',
                //left:'10%',
                //align: 'left',
                //top:'middle',
                textStyle: {
                    color: '#E7EAED'
                },
                height: 150
            },
            showLegend: true,
            fontColor: '#fff',
            backgroundColor: '#999',
            shape: '',
            //是否显示阴影效果
            isArea: false,
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',              
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue: [
                {
                    "name": "苹果",
                    "value": 100,
                    "max":"600",
                    "type": "手机品牌",
                },
                {
                    "name": "三星",
                    "value": 349,
                    "max":"566",
                    "type": "手机品牌"
                },
                {
                    "name": "小米",
                    "value": 230,
                    "max":"900",
                    "type": "手机品牌"
                },
                {
                    "name": "华为",
                    "value": 540,
                    "max":"800",
                    "type": "手机品牌"
                },
                {
                    "name": "海尔",
                    "value": 340,
                    "max":"700",
                    "type": "手机品牌"
                }
            ],
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/radar',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    },

    //水球图插件
    {
        chartType: 'waterball',
        layerName: '水球图',
        icon: "el-icon-datav-waterballline",
        customId: '',
        width: 500,
        height: 500,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '', // 主标题
                textStyle: {
                    color: '#fff', // 颜色
                    //fontStyle: 'normal', // 风格
                    fontWeight: 'normal', // 粗细
                    fontFamily: '微软雅黑', // 字体
                    fontSize: 17, // 字号大小
                    align: 'center' // 水平对齐
                },
                subtext: "", // 副标题
                subtextStyle: { // 对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                x: 'center',
                itemGap: 7
            },
            series: [{
                type: 'liquidFill',
                radius: 235,
                center: ['50%', '50%'],
                data: [0.7, 0.7, 0.7], // data个数代表波浪数
                backgroundStyle: {
                    borderWidth: 1,
                    color: 'rgb(255, 0, 255, 0.1)'
                },
                label: {
                    normal: {
                        formatter: (0.7 * 100).toFixed(2) + '%',
                        textStyle: {
                            fontSize: 50
                        }
                    }
                },
                outline: {
                    show: false,
                }
            },
            {
                type: "pie",
                center: ["50%", "50%"],
                radius: ["50%", "53%"],
                hoverAnimation: false,
                data: [{
                    name: "",
                    value: 500,
                    labelLine: {
                        show: false
                    },
                    itemStyle: {
                        color: '#5886f0'
                    },
                    emphasis: {
                        labelLine: {
                            show: false
                        },
                        itemStyle: {
                            color: '#5886f0'
                        },
                    }
                },
                { //画中间的图标
                    name: "",
                    value: 4,
                    labelLine: {
                        show: false
                    },
                    itemStyle: {
                        color: '#ffffff',
                        "normal": {
                            "color": "#5886f0",
                            "borderColor": "#5886f0",
                            "borderWidth": 20,
                            // borderRadius: '100%'
                        },
                    },
                    label: {
                        borderRadius: '100%'
                    },
                    emphasis: {
                        labelLine: {
                            show: false
                        },
                        itemStyle: {
                            color: '#5886f0'
                        },
                    }

                },
                { // 解决圆点过大后续部分显示明显的问题
                    name: "",
                    value: 8,
                    labelLine: {
                        show: false
                    },
                    itemStyle: {
                        color: '#5886f0'
                    },
                    emphasis: {
                        labelLine: {
                            show: false
                        },
                        itemStyle: {
                            color: '#5886f0'
                        },
                    }
                },
                { //画剩余的刻度圆环
                    name: "",
                    value: 88,
                    itemStyle: {
                        color: '#101129'
                    },
                    label: {
                        show: false
                    },
                    labelLine: {
                        show: false
                    },
                    emphasis: {
                        labelLine: {
                            show: false
                        },
                        itemStyle: {
                            color: 'rgba(255, 255, 255, 0)'
                        },
                    }
                }]
            }],
            //是否静态数据
            isStaticData: true,
            newDataFormat:true,
            //静态数据值
            staticDataValue:[{"value":0.7}],
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/waterball',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, {
        chartType: 'waterballline',
        layerName: '水球图加基线',
        icon: "el-icon-datav-waterballline",
        customId: '',
        width: 350,
        height: 300,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '', // 主标题
                textStyle: {
                    color: '#fff', // 颜色
                    //fontStyle: 'normal', // 风格
                    fontWeight: 'normal', // 粗细
                    fontFamily: '微软雅黑', // 字体
                    fontSize: 17, // 字号大小
                    align: 'center' // 水平对齐
                },
                subtext: "", // 副标题
                subtextStyle: { // 对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                x: 'center',
                itemGap: 7
            },
            // x轴
            xAxis: {
                show: false, // 不显示
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                }
            },
            // y轴
            yAxis: {
                show: false, // 不显示
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                }
            },
            series: [{
                type: 'liquidFill',
                radius: '85%', // 半径大小
                center: ['50%', '50%'], // 布局位置
                data: [0.68, 0.36], // 水球波纹值

                outline: { // 轮廓设置
                    show: true,
                    borderDistance: 2, // 轮廓间距
                    itemStyle: {
                        borderColor: '#294D99', // 轮廓颜色
                        borderWidth: 4, // 轮廓大小
                        shadowBlur: 'none', // 轮廓阴影
                    }
                },
            }, {
                type: 'line', // 折线图
                markLine: {
                    silent: false, // true:不触发鼠标事件, false:触发鼠标事件
                    symbol: '', // 标线两端样式
                    lineStyle: { // 标线样式
                        color: '#f00',
                        type: 'solid'
                    },
                    data: [{ // 标线数据
                        //yAxis: data[1], // y轴
                    }]
                }

            }],
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //是否静态数据
            isStaticData: true,
            newDataFormat:true,
            //静态数据值
            staticDataValue: [{"value":0.7,"line":0.5}],

            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/waterballline',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, {
        chartType: 'customWaterBall',
        layerName: '自定义水球图',
        icon: "el-icon-datav-waterballline",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '', // 主标题
                textStyle:{
                    color:'#000',
                    fontSize:34,
                    fontFamily:'微软雅黑',
                    align: 'center'
                },
                subtext: "", // 副标题
                subtextStyle: { // 对应样式
                    color: '#000',
                    fontSize: 14,
                    align: 'center'
                },
                x: 'center',
                itemGap: 7
            },
            series: [{
                type: 'liquidFill',
                data: [],
                radius: '100%',
                //外边线
                outline: {
                    show: true,
                    borderDistance: 5,
                    itemStyle: {
                        borderColor: '#4053C6', //外边框的颜色
                        color: 'rgba(0, 0, 0, 0)',//边框和核心内容之间的背景颜色
                        borderWidth: 5,//外边框的宽度
                        shadowBlur: 20,//外边阴影的模糊距离
                        shadowColor: '#4053C6'
                    }
                },
                // color: {
                //     type: 'linear',
                //     x: 0,
                //     y: 0,
                //     x2: 0,
                //     y2: 1,
                //     colorStops: [{
                //         offset: 1,
                //         color: 'rgba(2, 159, 200, 1)'
                //     }, {
                //         offset: 0.5,
                //         color: 'rgba(0, 186, 211, .5)'
                //     }, {
                //         offset: 0,
                //         color: 'rgba(0, 230, 220, 1)'
                //     }],
                //     globalCoord: false
                // },
                backgroundStyle: {
                    borderColor: '#156ACF', //水球边框颜色
                    borderWidth: 1,
                    color: '#E3F7FF',
                    shadowColor: 'rgba(0, 0, 0, 0.7)', //边框阴影颜色
                    shadowBlur: 20 //边框阴影范围
                },

                waveAnimation: true, //水波是否滚动
                waveLength: 200, //水波数量
                amplitude: '10%', //水波的起伏程度
                direction: 'right', //水波的滚动方向
                //水球图形状
                isShape: true,
                shape: 'path://M367.855,428.202c-3.674-1.385-7.452-1.966-11.146-1.794c0.659-2.922,0.844-5.85,0.58-8.719 c-0.937-10.407-7.663-19.864-18.063-23.834c-10.697-4.043-22.298-1.168-29.902,6.403c3.015,0.026,6.074,0.594,9.035,1.728 c13.626,5.151,20.465,20.379,15.32,34.004c-1.905,5.02-5.177,9.115-9.22,12.05c-6.951,4.992-16.19,6.536-24.777,3.271 c-13.625-5.137-20.471-20.371-15.32-34.004c0.673-1.768,1.523-3.423,2.526-4.992h-0.014c0,0,0,0,0,0.014 c4.386-6.853,8.145-14.279,11.146-22.187c23.294-61.505-7.689-130.278-69.215-153.579c-61.532-23.293-130.279,7.69-153.579,69.202 c-6.371,16.785-8.679,34.097-7.426,50.901c0.026,0.554,0.079,1.121,0.132,1.688c4.973,57.107,41.767,109.148,98.945,130.793 c58.162,22.008,121.303,6.529,162.839-34.465c7.103-6.893,17.826-9.444,27.679-5.719c11.858,4.491,18.565,16.6,16.719,28.643 c4.438-3.126,8.033-7.564,10.117-13.045C389.751,449.992,382.411,433.709,367.855,428.202z',
                label: {
                    position: ['50%', '50%'],
                    formatter: function () {
                        return 'ECharts\nLiquid Fill'; //水球图中间文字
                    },
                    align: 'center', //文本的位置
                    baseline: 'middle', //文本垂直方向上对齐方向
                    fontSize: 27, //字体大小
                    fontFamily: '微软雅黑', //字体样式
                    fontWeight: 'bolder', // 粗细
                    color: '#156ACF', //字体颜色
                    insideColor: '#E3F7FF' //在水里文字的样式
                },
                //鼠标悬浮时波浪的样式
                emphasis: {
                    itemStyle: {
                        opacity: 60 //鼠标悬浮时波浪的透明度
                    }
                }
            }],
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //是否静态数据
            isStaticData: true,
            newDataFormat:true,
            //静态数据值
            staticDataValue: [{"value":0.7,"line1":0.5,"line2":0.3,"line3":0.1}],

            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/cusWaterballline',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    },
        

    //环形图插件
    {
        chartType: 'circle',
        layerName: '圆点环形图',
        icon: "el-icon-datav-circle",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '', // 主标题
                textStyle: {
                    color: '#fff', // 颜色
                    fontWeight: 'normal', // 粗细
                    fontFamily: '微软雅黑', // 字体
                    fontSize: 17, // 字号大小
                    align: 'center' // 水平对齐
                },
                subtext: "", // 副标题
                subtextStyle: { // 对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                x: 'left',
                itemGap: 7
            },
            //color: color,
            color: ['#EEF2A1', '#EFCF54', '#91BE98', '#CAE5C8', '#F5C9A1'],
            splitNumber: "10", //刻度数量
            /*legend: {
                type:"scroll",
                orient: 'vertical',
                right:'10%',
                align:'left',
                top:'middle',
                textStyle: {
                    color:'#E7EAED'
                },
                x: 'left',
                height:150
            },*/
            legend: {
                show: true, // 是否显示图例
                type: "plain",
                orient: 'horizontal',
                right: '10%',
                align: 'left',
                top: 'middle',
                textStyle: {
                    color: '#E7EAED'
                },
                x: 'left',
                //height: 150
            },
            toolbox: {
                show: false
            },
            pieRadiusMin: 30, //内半径
            pieRadiusMax: 70, //外半径
            pieRadiusDiff: 2, //宽度
            maxValue: 800,
            borderWidth:5,
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //是否静态数据
            isStaticData: true,
            //静态数据值
            staticDataValue: [
                { value: 14, name: '暗渠' },
                { value: 32, name: '暗管' },
                { value: 288, name: '管控' },
                { value: 463, name: '水渠' },
                { value: 763, name: '集中式' }
            ],

            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/circle',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            bi: null,
            timeout: 0
        }
    }, {
        chartType: 'piemore',
        layerName: '多环形图',
        icon: "el-icon-datav-piemore",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      //主标题
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    fontFamily: '微软雅黑',   //字体
                    fontSize: 17,     //大小
                    align: 'center'   //水平对齐
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                x: 'center',
                itemGap: 7
            },
            legend: {
                show: true, // 是否显示图例
                x: "center",
                y: "middle",
                textStyle: {
                    color: '#E7EAED'
                },
                data: ['剧情', '奇幻', '爱情']
            },
            //内半径
            innerRadius: 35,
            //外半径
            outerRadius: 45,
            col: 5,
            centerX: 20,
            centerY: 30,
            //是否显示工具箱
            isToolBox: false,
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue:[
                {
                    name:"剧情",
                    value:13,
                },
                {
                    name:"奇幻",
                    value:11,
                },
                {
                    name:"爱情",
                    value:24,
                },
                {
                    name:"惊悚",
                    value:55,
                },
                {
                    name:"冒险",
                    value:23,
                },
            ],
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/circle',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            bi: null,
            timeout: 0
        }
    }, {
        chartType: 'progress',
        layerName: '进度图表',
        icon: "el-icon-datav-progressChart",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '', // 主标题
                textStyle: {
                    color: '#fff', // 颜色
                    fontWeight: 'normal', // 粗细
                    fontFamily: '微软雅黑', // 字体
                    fontSize: 17, // 字号大小
                    align: 'center' // 水平对齐
                },
                subtext: "", // 副标题
                subtextStyle: { // 对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                x: 'left',
                itemGap: 7
            },
            grid: {
                top: '16%',
                left: '50%',
                bottom: '55%',
                containLabel: false
            },
            yAxis: {
                type: 'category',
                inverse: true,
                z: 3,
                axisLine: {
                    show: false
                },
                axisTick: {
                    show: false
                },
                axisLabel: {
                    interval: 0,
                    inside: false,
                    textStyle: {
                        color: "RGB(255, 255, 255)",
                    },
                    show: true
                },
                splitLine: {
                    show: false
                },
                data: null
            },
            xAxis: [{
                show: false
            }],
            tooltip: {
                show: true,
                trigger: 'item',
                formatter: "{b} : {c} ({d}%)"
            },
            legend: {
                show: true, // 是否显示图例
                type: "plain",
                orient: 'horizontal',
                right: '10%',
                align: 'left',
                top: 'top',
                textStyle: {
                    color: '#E7EAED'
                },
                x: 'center',
                //height: 150
            },
            toolbox: {
                show: false
            },
            //100%代表的数值
            maxValue: 1000,
            //中心点坐标
            center: ['50%', '55%'],
            //大环半径
            longRingRadius: 85,
            //大环宽度
            longRingWidth: 3,
            //大环颜色
            longRingColor: '#1f59a7',
            //小环半径
            shortRingRadius: 80,
            //小环宽度
            shortRingWidth: 2,
            //小环半径差
            shortRingRadiusDiff: 5,
            //小环颜色
            shortRingColor: '#1f59a7',
            //pie半径范围
            pieRadiusMin: 30,
            pieRadiusMax: 70,
            //背景线的半径差
            backgroundLineRadiusDiff: 1,
            //背景线的颜色
            backgroundLineColor: "rgba(12, 64, 128)",
            //pie的半径差
            pieRadiusDiff: 2,
            //改变大小时刷新的时间间隔(ms)
            refreshInterval: 1000,
            //是否显示图例
            isShowLegend: true,
            //是否显示label
            isShowLabel: true,
            //label大小
            labelSizeRatio: 10,
            //label颜色
            labelColor: '#fff',
            //是否显示number
            isShowNumber: true,
            //短刻度内半径
            shortRingRadiusMin: 10,
            //number大小
            numberSizeRatio: 10,
            //number颜色
            numberColor: '#fff',
            // color: ['#003366', '#006699', '#4cabce', '#e5323e'],
            color: ['#37a2da', '#fb7293', '#8378ea', '#e7bcf3', '#ffdb5c', '#32c5e9', '#9fe6b8', '#ff9f7f'],
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //是否静态数据
            isStaticData: true,
            //静态数据值
            staticDataValue: [
                { name: "本科", value: 754 },
                { name: "硕士", value: 611 },
                { name: "大专", value: 400 },
                { name: "博士", value: 200 }
            ],
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/progress',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            bi: null,
            timeout: 0
        }
    },
        

    //数据集插件
    {
        chartType: 'pieline',
        layerName: '饼图-折线图',
        icon: "el-icon-datav-pieline",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      //主标题
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    //fontFamily: 'Microsoft yahei',   //字体
                    //fontSize: 20,     //大小
                    align: 'center'   //水平对齐
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            legend: {
                show: true, // 是否显示图例
                type: "scroll",
                x: 'center',
                y: '8%',
                //orient: 'vertical',
                //left:'10%',
                //align: 'left',
                //top:'middle',
                textStyle: {
                    color: '#E7EAED'
                },
                height: 150
            },
            tooltip: {
                trigger: 'axis',
                showContent: true
            },
            dataset: {
                //静态数据值
                source: [
                    ['product', '2012', '2013', '2014', '2015', '2016', '2017'],
                    ['Matcha Latte', 41.1, 30.4, 65.1, 53.3, 83.8, 98.7],
                    ['Milk Tea', 86.5, 92.1, 85.7, 83.1, 73.4, 55.1],
                    ['Cheese Cocoa', 24.1, 67.2, 79.5, 86.4, 65.2, 82.5],
                    ['Walnut Brownie', 55.2, 67.1, 69.2, 72.4, 53.9, 39.1]
                ]
            },
            backgroundColor: '#101129',
            //color: ['#37a2da','#32c5e9','#9fe6b8','#ffdb5c','#ff9f7f','#fb7293','#e7bcf3','#8378ea'],
            //color: ['#00CFFF', '#006CED', '#FFE000', '#FFA800', '#FF5B00', '#FF3000'],
            xAxis: {
                name: 'x轴',
                type: 'category',
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                show: true
            },
            yAxis: {
                gridIndex: 0,
                name: 'y轴',
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                splitLine: {
                    show: true
                },
                show: true
            },
            grid: {
                top: '55%',
                bottom: 30
            },
            series: [
                {
                    type: 'line', smooth: true, seriesLayoutBy: 'row',
                    //是否显示平均线
                    markLine: {
                        data: [
                            { type: 'average', name: '平均值' }
                        ]
                    },
                    //是否显示最大值和最小值
                    markPoint: {
                        data: [
                            { type: 'max', name: '最大值' },
                            { type: 'min', name: '最小值' }
                        ]
                    },
                    lineStyle: {
                        width: 3,
                        shadowColor: 'rgba(231,234,237,0.4)',
                        shadowBlur: 10,
                        shadowOffsetY: 10
                    }
                },
                {
                    type: 'line', smooth: true, seriesLayoutBy: 'row',
                    //是否显示平均线
                    markLine: {
                        data: [
                            { type: 'average', name: '平均值' }
                        ]
                    },
                    //是否显示最大值和最小值
                    markPoint: {
                        data: [
                            { type: 'max', name: '最大值' },
                            { type: 'min', name: '最小值' }
                        ]
                    },
                    lineStyle: {
                        width: 3,
                        shadowColor: 'rgba(231,234,237,0.4)',
                        shadowBlur: 10,
                        shadowOffsetY: 10
                    }
                },
                {
                    type: 'line', smooth: true, seriesLayoutBy: 'row',
                    //是否显示平均线
                    markLine: {
                        data: [
                            { type: 'average', name: '平均值' }
                        ]
                    },
                    //是否显示最大值和最小值
                    markPoint: {
                        data: [
                            { type: 'max', name: '最大值' },
                            { type: 'min', name: '最小值' }
                        ]
                    },
                    lineStyle: {
                        width: 3,
                        shadowColor: 'rgba(231,234,237,0.4)',
                        shadowBlur: 10,
                        shadowOffsetY: 10
                    }
                },
                {
                    type: 'line', smooth: true, seriesLayoutBy: 'row',
                    //是否显示平均线
                    markLine: {
                        data: [
                            { type: 'average', name: '平均值' }
                        ]
                    },
                    //是否显示最大值和最小值
                    markPoint: {
                        data: [
                            { type: 'max', name: '最大值' },
                            { type: 'min', name: '最小值' }
                        ]
                    },
                    lineStyle: {
                        width: 3,
                        shadowColor: 'rgba(231,234,237,0.4)',
                        shadowBlur: 10,
                        shadowOffsetY: 10
                    }
                },
                {
                    type: 'pie',
                    id: 'pie',
                    radius: '30%',//饼图半径
                    center: ['50%', '30%'],//饼图位置
                    roseType: false,//南丁格尔玫瑰
                    label: {
                        formatter: '{b}: {@2012} ({d}%)'
                    },
                    encode: {
                        itemName: 'product',
                        value: '2012',
                        tooltip: '2012'
                    }
                }
            ],
            //内半径
            innerRadius: 30,
            //外半径
            outerRadius: 55,
            //是否显示平均线
            isMarkLine: false,
            //是否显示最大值和最小值
            isMarkPoint: false,
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue: [
                {
                    "name":"2012",
                    "type":"Matcha Latte",
                    "value":41.1,
                },
                {
                    "name":"2012",
                    "type":"Milk Tea",
                    "value":86.5,
                },
                {
                    "name":"2012",
                    "type":"Cheese Cocoa",
                    "value":24.1,
                },
                {
                    "name":"2012",
                    "type":"Walnut Brownie",
                    "value":55.2,
                },
                
                {
                    "name":"2013",
                    "type":"Matcha Latte",
                    "value":30.1,
                },
                {
                    "name":"2013",
                    "type":"Milk Tea",
                    "value":45.5,
                },
                {
                    "name":"2013",
                    "type":"Cheese Cocoa",
                    "value":64.1,
                },
                {
                    "name":"2013",
                    "type":"Walnut Brownie",
                    "value":44.2,
                },                    
                // ['product', '2012', '2013', '2014', '2015', '2016', '2017'],
                // ['Matcha Latte', '41.1', '30.4', '65.1', '53.3', '83.8', '98.7'],
                // ['Milk Tea', '86.5', '92.1', '85.7', '83.1', '73.4', '55.1'],
                // ['Cheese Cocoa', '24.1', '67.2', '79.5', '86.4', '65.2', '82.5'],
                // ['Walnut Brownie', '55.2', '67.1', '69.2', '72.4', '53.9', '39.1']
            ],
            //南丁格尔玫瑰
            isRoseType: false,
            //是否环饼
            isRing: false,
            //折线是否平滑
            isSmooth: true,
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/doublebar',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            bi: null,
            timeout: 0
        }
    }, {
        chartType: 'barPie',
        layerName: '柱状图-饼图',
        icon: "el-icon-datav-barPie",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      //主标题
                textStyle: {
                    color: '#fff',        //颜色
                    fontStyle: 'normal',     //风格
                    fontWeight: 'normal',    //粗细
                    //fontFamily: 'Microsoft yahei',   //字体
                    //fontSize: 20,     //大小
                    align: 'center'   //水平对齐
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            tooltip: {//提示
                trigger: 'item',//饼图
                formatter: "{b} : {c}",
            },
            //color: ['#37a2da','#32c5e9','#9fe6b8','#ffdb5c','#ff9f7f','#fb7293','#e7bcf3','#8378ea'],
            legend: {
                type: "scroll",
                orient: 'vertical',
                left: '10',
                align: 'left',
                top: '50',
                textStyle: {
                    color: '#E7EAED'
                },
                height: 150,
                show: true
            },
            xAxis: {
                name: 'x轴',
                type: 'category',
                axisLabel: {
                    color: '#fff'
                },
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                data: [],
                show: true
            },
            yAxis: {
                type: 'value',
                name: '加载时间/秒',
                nameTextStyle: {
                    color: '#fff'
                },
                axisLabel: {
                    color: '#fff'
                },
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                splitLine: {
                    show: true
                },
                show: true
            },
            series: [{
                type: 'bar',
                barWidth: 30,
                //是否显示平均线
                markLine: {
                    data: [
                        { type: 'average', name: '平均值' }
                    ]
                },
                //是否显示最大值和最小值
                markPoint: {
                    data: [
                        { type: 'max', name: '最大值' },
                        { type: 'min', name: '最小值' }
                    ]
                },
                lineStyle: {
                    width: 3,
                    shadowColor: 'rgba(231,234,237,0.4)',
                    shadowBlur: 10,
                    shadowOffsetY: 10
                },
                data: [],
            }, {
                name: "网络流量监控",
                type: "pie",
                radius: ["10", "40"],
                center: ["75", "25"],
                roseType: "radius",
                label: {
                    fontSize: 10,
                    formatter: '{d}%',
                },
                labelLine: {
                    length: 10,
                    length2: 10
                }
            }
            ],
            unit: '次',
            //是否显示平均线
            isMarkLine: false,
            //是否显示最大值和最小值
            isMarkPoint: false,
            //动画
            animate: "",
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //柱状图竖显示
            isVertical: false,
            //记录前一次切换标识
            //preChangeFlag: "false",
            //南丁格尔玫瑰
            isRoseType: false,
            //是否静态数据
            isStaticData: true,
            //静态数据值
            staticDataValue: [
                { value: 335, name: '直接访问' },
                { value: 310, name: '邮件营销' },
                { value: 234, name: '联盟广告' },
                { value: 135, name: '视频广告' },
                { value: 154, name: '搜索引擎' }
            ],
            radiusI: 10,
            radiusO: 40,
            centerX: 75,
            centerY: 25,
            legendcenterX: 0,
            legendcenterY: 50,
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/barpie',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            bi: null,
            timeout: 0
        }
    },{
        chartType: 'linebar',
        layerName: '折线图-柱状图',
        icon: "el-icon-datav-linebar",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '',      // 主标题
                textStyle: {
                    color: '#fff',        // 颜色
                    fontStyle: 'normal',     // 风格
                    fontWeight: 'normal',    // 粗细
                    //fontFamily: 'Microsoft yahei',   // 字体
                    //fontSize: 20,     // 大小
                    align: 'center'   // 水平对齐
                },
                subtext: '',      // 副标题
                subtextStyle: {          // 对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                itemGap: 7
            },
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'cross',
                    crossStyle: {
                        color: '#999'
                    }
                }
            },
            toolbox: {
                feature: {
                    dataView: { show: true, readOnly: false },
                    magicType: { show: true, type: ['line', 'bar'] },
                    restore: { show: true }
                },
                show: false
            },
            //legend: ['蒸发量', '降水量', '平均温度'],
            showLegend: true,
            barWidth: 10, // 柱体宽度
            isSmooth: false,//曲线是否平湖
            xAxis: [
                {
                    // axisLabel: {
                    //     color: '#fff'
                    // },
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: '#fff'
                        }
                    },
                    type: 'category',
                    data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
                    axisPointer: {
                        type: 'shadow'
                    },
                    show: true
                }
            ],
            yAxis: [
                {
                    type: 'value',
                    name: '水量',
                    //            min: 0,
                    //            max: 250,
                    //            interval: 50,
                    axisLabel: {
                        formatter: 'ml',
                        //color: '#fff'
                    },
                    // nameTextStyle: {
                    //     color: '#ccc'
                    // },
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: '#fff'
                        }
                    },
                    splitLine: {
                        show: false
                    },
                    show: true
                },
                {
                    type: 'value',
                    name: '温度',
                    //            min: 0,
                    //            max: 25,
                    //            interval: 5,
                    axisLabel: {
                        formatter: '°C',
                        //color: '#fff'
                    },
                    // nameTextStyle: {
                    //     color: '#ccc'
                    // },
                    axisLine: {
                        show: true,
                        lineStyle: {
                            color: '#fff'
                        }
                    },
                    splitLine: {
                        show: false
                    },
                    show: true
                }
            ],
            //是否为新数据格式
            newDataFormat: true,
            staticDataValue:[
                {
                    "series":"蒸发量",
                    "name":"1月",
                    "type":"bar",
                    "value":12.0,
                    "yAxisIndex":0,
                },
                {
                    "series":"蒸发量",
                    "name":"2月",
                    "type":"bar",
                    "value":22.0,
                    "yAxisIndex":0,
                },
                {
                    "series":"蒸发量",
                    "name":"3月",
                    "type":"bar",
                    "value":32.0,
                    "yAxisIndex":0,
                },
                {
                    "series":"蒸发量",
                    "name":"4月",
                    "type":"bar",
                    "value":42.0,
                    "yAxisIndex":0,
                },
                {
                    "series":"蒸发量",
                    "name":"5月",
                    "type":"bar",
                    "value":52.0,
                    "yAxisIndex":0,
                },
                {
                    "series":"蒸发量",
                    "name":"6月",
                    "type":"bar",
                    "value":62.0,
                    "yAxisIndex":0,
                },
                {
                    "series":"平均温度",
                    "name":"1月",
                    "type":"line",
                    "value":21.0,
                    "yAxisIndex":1,
                },
                {
                    "series":"平均温度",
                    "name":"2月",
                    "type":"line",
                    "value":22.0,
                    "yAxisIndex":1,
                },
                {
                    "series":"平均温度",
                    "name":"3月",
                    "type":"line",
                    "value":23.0,
                    "yAxisIndex":1,
                },
                {
                    "series":"平均温度",
                    "name":"4月",
                    "type":"line",
                    "value":24.0,
                    "yAxisIndex":1,
                },
                {
                    "series":"平均温度",
                    "name":"5月",
                    "type":"line",
                    "value":25.0,
                    "yAxisIndex":1,
                },
                {
                    "series":"平均温度",
                    "name":"6月",
                    "type":"line",
                    "value":26.0,
                    "yAxisIndex":1,
                },
            ],

            //是否显示平均线
            isMarkLine: false,
            //是否显示最大最小值
            isMarkPoint: false,
            itemWidth:15,//图例宽度
            itemHeight:10,//图例高度
            legendFontSize:12,//图例字体大小
            legendFontColor:"#fff",//图例字体颜色
            legendOrient:"horizontal",//图例布局
            legendX:25,//图例水平位置
            legendY:1,//图例垂直位置
            xLineWidth:2,//x轴粗细
            xFontSize: 12,//x轴标签字体大小
            xFontColor:"#fff",//x轴标签字体颜色
            yLineWidth:2,//y轴粗细
            yFontSize: 12,//y轴标签字体大小
            yFontColor:"#fff", //y轴标签字体颜色
            lineWidth:2,//折线粗细
            lineSymbolSize:5,//折线标记大小
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //是否静态数据
            isStaticData: true,
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/linebar',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, {
        chartType: 'mapbar',
        layerName: '地图-柱状图',
        icon: "el-icon-datav-mapbar",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {//标题
                text: '',
                subtext: '',
                left: 'center',
                textStyle: {
                    color: '#fff'
                }
            },
            isScatter: true,
            mapTooltip: "mapTooltip",
            topNum: 5,
            barNum: 5,
            color: '#ddb926',
            isToolBox: true,
            //是否静态数据
            isStaticData: true,

            staticDataValue: [
                { name: "北京市", value: 69 },
                { name: "天津市", value: 93 },
                { name: "河北省", value: 113 },
                { name: "山西省", value: 31 },
                { name: "内蒙古自治区", value: 31 },
                { name: "辽宁省", value: 55 },
                { name: "吉林省", value: 29 },
                { name: "黑龙江省", value: 71 },
                { name: "上海市", value: 50 },
                { name: "江苏省", value: 436 },
                { name: "浙江省", value: 132 },
                { name: "安徽省", value: 160 },
                { name: "福建省", value: 68 },
                { name: "江西省", value: 49 },
                { name: "重庆市", value: 143 },
                { name: "河南省", value: 99 },
                { name: "湖北省", value: 44 },
                { name: "湖南省", value: 47 },
                { name: "四川省", value: 83 },
                { name: "贵州省", value: 60 },
                { name: "云南省", value: 55 },
            ],
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/mapbar',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    },
        

    //地图插件
    {
        chartType: 'map',
        layerName: '地图',
        icon: "el-icon-datav-map",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '', //主标题
                textStyle: {
                    color: '#fff', //颜色
                    fontFamily: '微软雅黑', //字体
                    fontWeight: 'normal', //粗细
                    fontSize: 17, //大小
                    align: 'center' //水平对齐
                },
                subtext: '', //副标题
                subtextStyle: { //对应样式
                    color: '#fff',
                    fontFamily: '微软雅黑', //字体
                    fontWeight: 'normal', //粗细
                    fontSize: 14,
                    align: 'center'
                },
                x: 'center',
                itemGap: 7
            },
            roam:true,//控制缩放、平移
            isScatter: true,//是否是散点图
            scatterData: {
                name: '散点',
                type: 'scatter',
                coordinateSystem: 'geo',
                data: null,
                symbolSize: function (val) {
                    return val[2] / 10;
                },
                label: {
                    normal: {
                        formatter: '{b}',
                        position: 'right',
                        show: true
                    },
                    emphasis: {
                        show: true
                    }
                },
                itemStyle: {
                    normal: {
                        color: '#05C3F9'
                    }
                },
                tooltip: {
                    trigger: 'item',
                    //formatter: "{a} <br/>{b} : {c} ({d}%)"
                    formatter: function (val) {
                        return val.name + ":" + val.value[2] + "(个)";
                    }
                }
            },
            isGeo: true,//是否是气泡图
            popORimg:'pop',//选择气泡图案还是图片
            geoData: {
                name: '点',
                type: 'scatter',
                coordinateSystem: 'geo',
                symbol: 'pin', //气泡

                symbolSize: function (val) {
                    //console.log(val[2]);
                    var a = (maxSize4Pin - minSize4Pin) / (max - min);
                    var b = minSize4Pin - a * min;
                    b = maxSize4Pin - a * max;
                    return a * val[2] + b;
                },
                label: {
                    normal: {
                        formatter: '{@[2]}',
                        show: true,
                        textStyle: {
                            color: '#fff',
                            fontSize: 9,
                        }
                    }
                },
                itemStyle: {
                    normal: {
                        color: '#F62157', //标志颜色
                    }
                },
                tooltip: {
                    trigger: 'item',
                    //formatter: "{a} <br/>{b} : {c} ({d}%)"
                    formatter: function (val) {
                        return val.name + ":" + val.value[2] + "(个)";
                    }
                },
                zlevel: 6,
                data: null,
            },
            isTop: true,//是否是top5
            top5Data: {
                name: 'Top 5',
                type: 'effectScatter',
                coordinateSystem: 'geo',
                /*data: convertData(data.sort(function(a, b) {
                    return b.value - a.value;
                }).slice(0, 5)),*/
                data: null,
                symbolSize: function (val) {
                    return val[2] / 25;
                },
                showEffectOn: 'render',
                rippleEffect: {
                    brushType: 'stroke'
                },
                hoverAnimation: true,
                label: {
                    normal: {
                        formatter: '{b}',
                        position: 'right',
                        show: true
                    }
                },
                itemStyle: {
                    normal: {
                        color: 'yellow',
                        shadowBlur: 10,
                        shadowColor: 'yellow'
                    }
                },
                tooltip: {
                    trigger: 'item',
                    //formatter: "{a} <br/>{b} : {c} ({d}%)"
                    formatter: function (val) {
                        return val.name + ":" + val.value[2] + "人";
                    }
                },
                zlevel: 1
            },
            isTopic: true,   //是否应用主题
            scatterSize: 5,
            popSize: 20,
            popColor: 'rgba(216, 55, 55, 1)',
            emphasisColor: '#389BB7',
            suffix: '人',
            topNum: 5,
            // 区域颜色
            areaColor: '#031525',
            // 描边颜色
            borderColor: '#3B5077',
            visualMap: {
                show: true,
                min: 0,
                max: 200,
                left: "10%",
                //left: 'left',
                top: "20%",
                //top: 'bottom',
                text: ["高", "低"], // 文本，默认为数值文本
                textStyle: {
                    color: "#fff",
                },
                calculable: true,
                seriesIndex: [1],
                inRange: {
                    color: ["#26587D", "#3BB3C4"],
                },
            },
            // 地图名称
            mapName: 'china',
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //是否静态数据
            isStaticData: true,
            staticDataValue: [
                {name:"呼伦贝尔",value:88,lng:119.758168,lat:49.215333},
                { name: "北京", value: 69 },
                { name: "天津", value: 93 },
                { name: "河北", value: 113 },
                { name: "山西", value: 31 },
                { name: "内蒙古", value: 31 },
                { name: "辽宁", value: 55 },
                { name: "吉林", value: 29 },
                { name: "黑龙江", value: 71 },
                { name: "上海", value: 50 },
                { name: "江苏", value: 436 },
                { name: "浙江", value: 132 },
                { name: "安徽", value: 160 },
                { name: "福建", value: 68 },
                { name: "江西", value: 49 },
                { name: "山东", value: 143 },
                { name: "河南", value: 99 },
                { name: "湖北", value: 44 },
                { name: "湖南", value: 47 },
                { name: "重庆", value: 53 },
                { name: "四川", value: 83 },
                { name: "贵州", value: 60 },
                { name: "云南", value: 55 },
                { name: "西藏", value: 7 },
                { name: "陕西", value: 232 },
                { name: "甘肃", value: 44 },
                { name: "青海", value: 15 },
                { name: "宁夏", value: 61 },
                { name: "新疆", value: 76 },
                { name: "广东", value: 41 },
                { name: "广西", value: 44 },
                { name: "海南", value: 44 },
            ],
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/map',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, {
        chartType: 'mapMore',
        layerName: '地图下钻',
        icon: "el-icon-datav-mapMore",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            text: "中国地图（省市级地图数据下钻）",
            subtext: "温馨提示：单机主地图省份下钻到各个地市，进入地市地图后双击返回省份主地图。",
            fontSize: 17, //大小
            fontFamily: '微软雅黑', //字体
            fontWeight: 'normal', //粗细
            x: 'center', //标题位置
            isTopic: true,
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',                  
            //是否静态数据
            isStaticData: true,
            roam:true,//控制缩放、平移
            //静态数据值
            staticDataValue: [
                { name: '北京', value: 5 },
                { name: '天津', value: 33 },
                { name: '上海', value: 27 },
                { name: '重庆', value: 52 },
                { name: '河北', value: 38 },
                { name: '河南', value: 68 },
                { name: '云南', value: 50 },
                { name: '辽宁', value: 51 },
                { name: '黑龙江', value: 93 },
                { name: '湖南', value: 8 },
                { name: '安徽', value: 8 },
                { name: '山东', value: 39 },
                { name: '新疆', value: 5 },
                { name: '江苏', value: 90 },
                { name: '浙江', value: 86 },
                { name: '江西', value: 11 },
                { name: '湖北', value: 25 },
                { name: '广西', value: 89 },
                { name: '甘肃', value: 35 },
                { name: '山西', value: 37 },
                { name: '内蒙古', value: 97 },
                { name: '陕西', value: 31 },
                { name: '吉林', value: 88 },
                { name: '福建', value: 22 },
                { name: '贵州', value: 76 },
                { name: '广东', value: 25 },
                { name: '青海', value: 90 },
                { name: '西藏', value: 18 },
                { name: '四川', value: 79 },
                { name: '宁夏', value: 44 },
                { name: '海南', value: 22 },
                { name: '台湾', value: 52 },
                { name: '香港', value: 2 },
                { name: '澳门', value: 65 }
            ],
            //是否显示工具条
            isVmap: true,
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/mapmore',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, {
            chartType: 'threedMap',
            layerName: '3D地图',
            icon: "el-icon-datav-threedMap",
            customId: '',
            width: 350,
            height: 200,
            x: 50,
            y: 100,
            zindex: 0,
            isShow: true,
            chartOption: {
                textStyle: { // 标签的字体样式
                    color: '#ffffff', // 地图初始化区域字体颜色
                    fontSize: 14, // 字体大小
                    opacity: 1, // 字体透明度
                    backgroundColor: 'rgba(0,23,11,0.5)' // 字体背景色
                },
                itemStyle: { // 三维地理坐标系组件 中三维图形的视觉属性，包括颜色，透明度，描边等。
                    // areaColor: 'rgba(95,158,160,0.5)', // 地图板块的颜色
                    color: '#10786c', // 地图板块的颜色
                    opacity: 0.3, // 图形的不透明度 [ default: 1 ]
                    borderWidth: 2, // (地图板块间的分隔线)图形描边的宽度。加上描边后可以更清晰的区分每个区域 [ default: 0 ]
                    borderColor: '#5CFFE0' // 图形描边的颜色。[ default: #333 ]
                },
                tooltip: {
                    backgroundColor: 'rgba(30, 54, 124,0.3)',
                    borderWidth: 1,
                    borderRadius: 4,
                    borderColor: '#00B2AC',
                    textStyle: {
                        color: 'rgba(255,255,255,1)'
                    },
                },
                //上下旋转角度
                alpha:60,
                //左右旋转角度
                beta:0,
                // 地图名称
                //是否显示工具条
                isVmap: true,
                mapName: 'china',
                //载入动画
                animate: '',
                //通用处理函数
                customData: '(option,result,chartDiv)=>{ \n'+
                    '   return option; \n'+
                '}',                      
                //是否静态数据
                isStaticData: true,
                //静态数据值
                staticDataValue: [
                    { name: '北京', value: 5 },
                    { name: '天津', value: 33 },
                    { name: '上海', value: 27 },
                    { name: '重庆', value: 52 },
                    { name: '河北', value: 38 },
                    { name: '河南', value: 68 },
                    { name: '云南', value: 50 },
                    { name: '辽宁', value: 51 },
                    { name: '黑龙江', value: 93 },
                    { name: '湖南', value: 8 },
                    { name: '安徽', value: 8 },
                    { name: '山东', value: 39 },
                    { name: '新疆', value: 5 },
                    { name: '江苏', value: 90 },
                    { name: '浙江', value: 86 },
                    { name: '江西', value: 11 },
                    { name: '湖北', value: 25 },
                    { name: '广西', value: 89 },
                    { name: '甘肃', value: 35 },
                    { name: '山西', value: 37 },
                    { name: '内蒙古', value: 97 },
                    { name: '陕西', value: 31 },
                    { name: '吉林', value: 88 },
                    { name: '福建', value: 22 },
                    { name: '贵州', value: 76 },
                    { name: '广东', value: 25 },
                    { name: '青海', value: 90 },
                    { name: '西藏', value: 18 },
                    { name: '四川', value: 79 },
                    { name: '宁夏', value: 44 },
                    { name: '海南', value: 22 },
                    { name: '台湾', value: 52 },
                    { name: '香港', value: 2 },
                    { name: '澳门', value: 65 }

                ],
                //接口地址
                interfaceURL: 'http://localhost:8088/chart/api/threedMap',
                //请求方式GET/POST
                requestMethod: 'GET',
                //请求参数 例如：?a=1&b=2
                requestParameters: '',
                //绑定的div
                bindingDiv: '',
                theme: '',
                // 数据源类型：静态数据：static；接口数据：url;数据源：database
                dataSourceType: 'static',
                database: {
                    //数据源类型
                    type: 'mysql',
                    //数据源链接IP地址
                    ipAdress: '',
                    //端口
                    port: '',
                    //数据库名
                    baseName: '',
                    //用户名
                    username: '',
                    //密码
                    password: ''
                },
                timeout: 0
            }
        }, 
        {
            chartType: 'threedMapBar',
            layerName: '3D地图柱状图',
            icon: "el-icon-datav-threedMapBar",
            customId: '',
            width: 350,
            height: 200,
            x: 50,
            y: 100,
            zindex: 0,
            isShow: true,
            chartOption: {
                itemStyle: { // 三维地理坐标系组件 中三维图形的视觉属性，包括颜色，透明度，描边等。
                    // areaColor: 'rgba(95,158,160,0.5)', // 地图板块的颜色
                    color: 'rgba(95,158,160,0.25)', // 地图板块的颜色 ]
                    borderWidth: 2, // (地图板块间的分隔线)图形描边的宽度。加上描边后可以更清晰的区分每个区域 [ default: 0 ]
                    borderColor: '#5CFFE0' // 图形描边的颜色。[ default: #333 ]
                },
                label: {
                    show: true,
                    textStyle: {
                        color: '#ffffff', // 地图初始化区域字体颜色
                        fontSize: 18, // 字体大小
                        backgroundColor: 'rgb(1,1,1,0)' // 字体背景色
                    },
                },
                visualMap:{
                    show:true,
                    left:10,
                    bottom:10,
                    itemWidth:20,
                    itemHeight:150,
                    color: ['#87aa66', '#eba438', '#d94d4c'],
                    fontSize:18
                },
                textStyle: {
                   
                    backgroundColor:"rgba(173, 244, 159, 1)",
                    color: 'rgba(26, 15, 98, 1)',
                    fontSize: 18,
                    borderColor: 'rgba(247, 178, 4, 1)',
                    sortColor: 'rgba(255, 217, 2, 1)',
                    sortFontSize: 20,
                },
                emphasis: {
                    textStyle:{

                        backgroundColor:"rgba(226, 234, 133, 1)",
                        color: '#333',
                        fontSize: 24,
                        borderColor: 'rgba(247, 178, 4, 1)',
                        sortColor: 'rgba(255, 217, 2, 1)',
                        sortFontSize: 30,
                    },
                    itemStyle:{
                        color: '#1d5e98'
                    }
                },
                labelShow:true,
                sortShow:true,
                suffix: "人",
                barSize: 1.5,//柱状图大小
                bevelSize:0.3,//柱子的倒角尺寸
                bevelSmoothness:2,//柱子的倒角光滑度
                viewControl:{
                    isRotate:true,//缩放平移
                    //上下旋转角度
                    alpha:40,
                    //左右旋转角度
                    beta:0,
                },
                
                // 地图名称
                mapName: 'china',
                //载入动画
                animate: '',
                //通用处理函数
                customData: '(option,result,chartDiv)=>{ \n'+
                    '   return option; \n'+
                '}',                      
                //是否静态数据
                isStaticData: true,
                //静态数据值
                staticDataValue: [
                    {name:"呼伦贝尔",value:88,lng:119.758168,lat:49.215333},
                    { name: '北京', value: 50},
                    { name: '天津', value: 45 },
                    { name: '上海', value: 22 },
                    { name: '重庆', value: 56 },
                    { name: '河北', value: 70 },
                    

                ],
                //是否显示工具条
                isVmap: true,
                //接口地址
                interfaceURL: 'http://localhost:8088/chart/api/threedMapBar',
                //请求方式GET/POST
                requestMethod: 'GET',
                //请求参数 例如：?a=1&b=2
                requestParameters: '',
                //绑定的div
                bindingDiv: '',
                theme: '',
                // 数据源类型：静态数据：static；接口数据：url;数据源：database
                dataSourceType: 'static',
                database: {
                    //数据源类型
                    type: 'mysql',
                    //数据源链接IP地址
                    ipAdress: '',
                    //端口
                    port: '',
                    //数据库名
                    baseName: '',
                    //用户名
                    username: '',
                    //密码
                    password: ''
                },
                timeout: 0
            }
        },
        {
            chartType: 'mapline',
            layerName: '飞线地图',
            icon: "el-icon-datav-mapline",
            customId: '',
            width: 350,
            height: 200,
            x: 50,
            y: 100,
            zindex: 0,
            isShow: true,
            chartOption: {
                title: {
                    text: '', //主标题
                    textStyle: {
                        color: '#fff', //颜色
                        fontFamily: '微软雅黑', //字体
                        fontWeight: 'normal', //粗细
                        fontSize: 17, //大小
                        align: 'center' //水平对齐
                    },
                    subtext: '', //副标题
                    subtextStyle: { //对应样式
                        color: '#fff',
                        fontFamily: '微软雅黑', //字体
                        fontWeight: 'normal', //粗细
                        fontSize: 14,
                        align: 'center'
                    },
                    x: 'center',
                    itemGap: 7
                },
                lines:{
                    effect: {
                        show: true,
                        period: 3, //箭头指向速度，值越小速度越快
                        trailLength: 0.02, //特效尾迹长度[0,1]值越大，尾迹越长重
                        symbol: 'arrow', //箭头图标
                        symbolSize: 5, //图标大小
                    },
                    lineStyle: {
                        normal: {
                            width: 2, //尾迹线条宽度
                            opacity: 1, //尾迹线条透明度
                            curveness: .1 //尾迹线条曲直度
                        }
                    }

                },
                rippleEffect: { //涟漪特效
                    period: 2, //动画时间，值越小速度越快
                    brushType: 'stroke', //波纹绘制方式 stroke, fill
                    scale: 2 //波纹圆环最大限制，值越大波纹越大
                },
                label:{
                    position:"right",
                    fontSize: 20,
                    color: "#fff",
                },
                itemStyle: {
                    normal: {
                        color: 'rgba(51, 69, 89, .5)', //地图背景色
                        borderColor: '#516a89', //省市边界线00fcff 516a89
                        borderWidth: 2
                    },
                    emphasis: {
                        color: 'rgba(37, 43, 61, .5)' //悬浮背景
                    }
                },
                symbol:{
                    auto: false,
                    size: 10,
                    coefficient: 0.1,
                },
                roam: true,//缩放
                suffix: '人',
                visualMap:{
                    show: true,//显示图例
                    left: 1,
                    bottom :1,
                },
                tooltip:{
                    fontSize:20
                },
                // 地图名称
                mapName: 'china',
                //载入动画
                animate: '',
                //通用处理函数
                customData: '(option,result,chartDiv)=>{ \n'+
                    '   return option; \n'+
                '}',                     
                //是否静态数据
                isStaticData: true,
                staticDataValue: [
                    {
                        "from": "新乡",
                        "to": "新乡",
                        "value": 200,
                        "lng1": 116.402217,
                        "lat1": 35.311657,
                        "lng2": 116.402217,
                        "lat2": 35.311657
                    },
                    {
                        "from": "新乡",
                        "to": "呼和浩特",
                        "value": 90,
                        "lng1": 116.402217,
                        "lat1": 35.311657,
                        "lng2": 111.4124,
                        "lat2": 40.4901
                    },
                    {
                        "from": "新乡",
                        "to": "哈尔滨",
                        "value": 60,
                        "lng1": 116.402217,
                        "lat1": 35.311657,
                        "lng2": 127.9688,
                        "lat2": 45.368
                    },
                    {
                        "from": "新乡",
                        "to": "石家庄",
                        "value": 100,
                        "lng1": 116.402217,
                        "lat1": 35.311657,
                        "lng2": 114.4995,
                        "lat2": 38.1006
                    },
                    {
                        "from": "新乡",
                        "to": "昆明",
                        "value": 30,
                        "lng1": 116.402217,
                        "lat1": 35.311657,
                        "lng2": 102.9199,
                        "lat2": 25.4663
                    },
                    {
                        "from": "昆明",
                        "to": "昆明",
                        'type':'node',
                        "value": 70,
                        "lng1": 102.9199,
                        "lat1": 25.4663,
                        "lng2": 102.9199,
                        "lat2": 25.4663
                    }
                
                ],
                //接口地址
                interfaceURL: 'http://localhost:8088/chart/api/new/mapline',
                //请求方式GET/POST
                requestMethod: 'GET',
                //请求参数 例如：?a=1&b=2
                requestParameters: '',
                //绑定的div
                bindingDiv: '',
                theme: '',
                // 数据源类型：静态数据：static；接口数据：url;数据源：database
                dataSourceType: 'static',
                database: {
                    //数据源类型
                    type: 'mysql',
                    //数据源链接IP地址
                    ipAdress: '',
                    //端口
                    port: '',
                    //数据库名
                    baseName: '',
                    //用户名
                    username: '',
                    //密码
                    password: ''
                },
                timeout: 0
            }
         },
            
        

    //知识图谱插件
    {
        chartType: 'knowledge',
        layerName: '关系图',
        icon: "el-icon-datav-knowledge",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '', //主标题
                textStyle: {
                    color: '#fff', //颜色
                    fontFamily: '微软雅黑', //字体
                    fontWeight: 'normal', //粗细
                    fontSize: 17, //大小
                    align: 'center' //水平对齐
                },
                subtext: '', //副标题
                subtextStyle: { //对应样式
                    color: '#fff',
                    fontFamily: '微软雅黑', //字体
                    fontWeight: 'normal', //粗细
                    fontSize: 14,
                    align: 'center'
                },
                x: 'center',
                itemGap: 7
            },
            legend: {
                show: true, // 是否显示图例
                type: "plain",
                orient: 'horizontal',
                right: '10%',
                align: 'left',
                top: 'top',
                textStyle: {
                    color: '#E7EAED'
                },
                x: 'center',
                //height: 150
            },
            isTopic: true,   //是否应用主题
            pointStyles: {},      //不同类别的节点样式
            lineStyles: {},//不同链路的样式
            fontColor: '#fff', //颜色
            fontFamily: '微软雅黑', //字体
            fontWeight: 'normal', //粗细
            fontSize: 17, //大小
            symbolSize: 50,
            repulsion: 500,//斥力系数
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',             
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue:[
                {
                    "source":"操作系统集团",
                    "category":2,
                    "target":"浏览器有限公司",
                    "name": "参股",
                },
                {
                    "source":"浏览器有限公司",
                    "category":4,
                    "target":"HTML科技",
                    "name": "控股",
                },
                {
                    "source":"e",
                    "category":3,
                    "target":"CSS科技",
                    "name": "董事长",
                },
                {
                    "source":"HTML科技",
                    "category":6,
                    "target":"CSS科技",
                    "name": "参股",
                },
                {
                    "source":"CSS科技",
                    "category":1,
                    "target":"浏览器有限公司",
                    "name": "参股",
                },
            ],
            
            //istopic: "true",
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/knowledge',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    },

    //气泡图插件
    {
        chartType: 'pops',
        layerName: '气泡图',
        icon: "el-icon-datav-pops",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            title: {
                text: '', //主标题
                textStyle: {
                    color: '#fff', // 颜色
                    fontStyle: 'normal', // 风格
                    fontWeight: 'normal', // 粗细
                    //fontFamily: 'Microsoft yahei', // 字体
                    fontSize: 20, // 大小
                    align: 'center' // 水平对齐
                },
                subtext: '', //副标题
                subtextStyle: { // 对应样式
                    color: '#fff',
                    fontSize: 14,
                    align: 'center'
                },
                x: 'left',
                itemGap: 7
            },
            fontSize:15,
            fontColor:'#fff',
            repulsion: 100, // 泡泡的间距
            shadowBlur: 100, // 阴影范围
            tooltip: {},
            isTopic: true,   //是否应用主题
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',             
            //是否静态数据
            isStaticData: true,
            //静态数据值
            staticDataValue: [{
                name: '螺蛳粉',
                data: 1024,
            }, {
                name: '花甲粉',
                data: 996,
            }, {
                name: '酸辣粉',
                data: 404,
            }, {
                name: '鱼粉',
                data: 403,
            }, {
                name: '麻辣烫',
                data: 2048,
            }, {
                name: '米线',
                data: 980,
            }, {
                name: '石锅拌饭',
                data: 1080,
            }, {
                name: '椒麻拌面',
                data: 1920,
            }, {
                name: '炸鸡',
                data: 3306,
            }, {
                name: '汉堡',
                data: 500,
            }, {
                name: '水饺',
                data: 501,
            }],
            //color: ['#00CFFF', '#006CED', '#FFE000', '#FFA800', '#FF5B00', '#FF3000'],
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/pops',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '182.92.88.138',
                //端口
                port: '3306',
                //数据库名
                baseName: 'datav_bi',
                //用户名
                username: 'root',
                //密码
                password: '4521zhaoyuanhaI'
            },
            bi: null,
            timeout: 0
        }
    },
    //旭日图插件
    {
        chartType: 'sunburst',
        layerName: '旭日图',
        icon: "el-icon-datav-sunburst",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
           title: {
                text: '', //主标题
                textStyle: {
                    color: '#fff', //颜色
                    fontFamily: '微软雅黑', //字体
                    fontWeight: 'normal', //粗细
                    fontSize: 17, //大小
                    align: 'center' //水平对齐
                },
                subtext: '', //副标题
                subtextStyle: { //对应样式
                    color: '#fff',
                    fontFamily: '微软雅黑', //字体
                    fontWeight: 'normal', //粗细
                    fontSize: 14,
                    align: 'center'
                },
                x: 'center',
            },
            radius: [20, '90%'],
            itemStyle: {
                borderRadius: 17,
                borderWidth: 2
            },
            label: {
                rotate: 'radial',
                fontSize: 12,
                color: "#fff",
                show: true
            },
            sort: "null",
            //当isStaticData: false时，为动态数据，需要走接口获取
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',             
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue:
            [
                {
                  "name":"Grandpa",
                  "parent":"",
                },
                {
                  "name":"Uncle Leo",
                  "value": 15,
                  "parent":"Grandpa",
                },
                {
                  "name": "Cousin Jack",
                  "value": 2,
                  "parent":"Uncle Leo",
                },
                {
                  "name": "Cousin Mary",
                  "value": 5,
                  "parent":"Uncle Leo",
                },
                {
                  "name": "Jackson",
                  "value": 2,
                  "parent":"Cousin Mary",
                },
                {
                  "name": "Cousin Ben",
                  "value": 4,
                  "parent":"Uncle Leo",
                },
                {
                  "name": "Father",
                      "value": 10,  
                  "parent":"Grandpa",
                },
                {
                  "name": "Me",
                  "value": 5,
                  "parent":"Father"
                }, {
                  "name": "Brother Peter",
                  "value": 1,
                  "parent":"Father"
                },
                {
                  "name":"Nancy",
                  "parent":"",
                },
                {
                  "name":"Uncle Nike",
                  "value":4,
                  "parent":"Nancy",
                },
                {
                  "name":"Cousin Betty",
                  "value":1,
                  "parent":"Uncle Nike",
                },
                {
                  "name":"Cousin Jenny",
                  "value":3,
                  "parent":"Uncle Nike",
                }
            ],
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/sunburst',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    },
    //桑基图插件
    {
        chartType: 'sankey',
        layerName: '桑基图',
        icon: "el-icon-datav-sankey",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption:{
            title:{
                show:true,
                text:'',
                textStyle:{
                    color:'#fff',
                    fontSize:24,
                    fontFamily:'微软雅黑',
                    align: 'center'
                },
                subtext: '',      //副标题
                subtextStyle: {          //对应样式
                    color: '#fff',
                    fontSize: 20,
                    fontFamily:'微软雅黑',
                    align: 'center'
                },
            },
            tooltip:{
                show:true,
                trigger: 'item',
                triggerOn: 'mousemove',
                textStyle: {
                    fontSize:20,
                }
            },
            series:[
                {
                    name:"桑基图",
                    type:"sankey",
                    left:5,
                    top:5,
                    right:5,
                    bottom:5,
                    nodeWidth:20,//节点宽度
                    nodeGap:8,//节点间距
                    // nodeAlign:"justify",//节点对齐方式
                    orient:"horizontal",//排布方向
                    draggable:false,//是否可拖拽
                    label:{
                        show: true,
                        position:"right",//标签位置
                        distance:5,//标签距离节点距离
                        fontSize:20,
                        color:"#fff",
                        fontFamily:"微软雅黑",
                    },
                    lineStyle:{
                        colorSelect:'source',
                        color:"",
                        opacity:0.3,
                        curveness:0.5,//阴影曲度
                    },
                    // emphasis: {
                    //     focus: 'series' ,
                    // },
                }
            ],
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',             
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue:[
                {
                    "source":"a",
                    "target":"b",
                    "value":3,
                },
                {
                    "source":"b",
                    "target":"c",
                    "value":2,
                },
                {
                    "source":"e",
                    "target":"d",
                    "value":5,
                },
                {
                    "source":"c",
                    "target":"d",
                    "value":1,
                },
                {
                    "source":"d",
                    "target":"",
                    "value":1,
                },
            ],

            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/sankey',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    },

    //箱线图插件
    {
        chartType: 'boxline',
        layerName: '箱线图',
        icon: "el-icon-datav-boxline",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            // title: {
            text: '', // 主标题
            subtext: '', // 副标题
            fontWeight: 'normal', // 粗细
            fontFamily: '微软雅黑', // 字体
            fontSize: 20, // 大小
            fontColor: '#3259B8', // 颜色
            x: 'center',
            tooltip: {
                trigger: 'item',
                axisPointer: {
                    type: 'shadow'
                }
            },
            // grid: {
            //     left: '15%',
            //     right: '10%',
            // },
            xAxis: {
                show: true,
                name: '',
                type: 'category',
                data: ['Bottom', 'Low', 'Middle', 'High', 'Top'],

                nameTextStyle: {
                    color: '#3259B8',
                    fontSize: 14,

                },
                axisTick: {
                    show: false,
                },
                axisLine: {
                    lineStyle: {
                        color: '#3259B8', // x轴颜色
                    }
                },
                splitLine: {
                    show: false, // x轴分割线
                    lineStyle: {
                        color: '#A7BAFA', // 分割线颜色
                    }
                }
            },
            yAxis: {
                show: true,
                name: '',
                type: 'value',
                nameTextStyle: {
                    color: '#3259B8',
                    fontSize: 14,
                },
                axisLabel: {
                    formatter: '{value} CNY/㎡'
                },
                axisTick: {
                    show: false,
                },
                axisLine: {
                    lineStyle: {
                        color: '#3259B8', // y轴颜色
                    }
                },
                splitLine: {
                    show: true, // 是否显示分割线
                    lineStyle: {
                        color: '#A7BAFA', // 分割线颜色
                    },
                }
            },
            series: [{
                name: 'boxplot',
                type: 'boxplot',
                data: [
                    [ 19747, 50024, 64617, 86808, 159949 ],
                    [ 23635, 46878, 58095, 84877, 158312 ],
                    [ 21543, 47623, 61315.5, 85947, 159978 ],
                    [ 18679, 46646, 59842, 84798.25, 159980 ],
                    [ 15202, 43073.25, 55168.5, 80136.25, 159825 ]
                ],
                itemStyle: {
                    normal: {
                        borderColor: {
                            type: 'linear',
                            x: 0,
                            y: 0,
                            x2: 0,
                            y2: 1,
                            colorStops: [{
                                offset: 0,
                                color: '#F02FC2' // 0% 处的颜色
                            }, {
                                offset: 1,
                                color: '#3EACE5' // 100% 处的颜色
                            }],
                            globalCoord: true // 缺省为 false
                        },
                        borderWidth: 2,
                        color: {
                            type: 'linear',
                            x: 0,
                            y: 0,
                            x2: 0,
                            y2: 1,
                            colorStops: [{
                                offset: 0,
                                color: 'rgba(240,47,194,0.7)' // 0% 处的颜色
                            }, {
                                offset: 1,
                                color: 'rgba(62,172,299,0.7)' // 100% 处的颜色
                            }],
                            globalCoord: false // 缺省为 false
                        },
                    }
                },
                tooltip: {
                    trigger: 'item',
                    axisPointer: {
                        type: 'shadow'
                    }
                }
            }],
            //是否启用主题
            isTopic: false,
            //y轴单位
            unit: 'CNY/㎡',
            //是否竖显式
            isVertical: false,
            //当isStaticData: false时，为动态数据，需要走接口获取
            //载入动画
            animate: '',
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',             
            //是否静态数据
            isStaticData: true,
            //是否为新数据格式
            newDataFormat: true,
            //静态数据值
            staticDataValue:[
                {
                    "name" : "Bottom",
                    "min" : 19747,
                    "q1" : 50024,
                    "medium" : 64617,
                    "q3" : 86808,
                    "max" : 159949,
                    "type" : "boxplot",
                },
                {
                    "name" :"Low",
                    "min" :23635,
                    "q1" :46878,
                    "medium" :58095,
                    "q3" :84877,
                    "max" :158312,
                    "type"  :"boxplot",
                },
                {
                    "name"  :"Middle",
                    "min" :21543,
                    "q1" :47623,
                    "medium" :61315,
                    "q3" :85947,    
                    "max" :159978,
                    "type"  :"boxplot",
                },
                {
                    "name"  :"High",
                    "min" :18679,
                    "q1" :46646,
                    "medium" :59842,
                    "q3" :84798,
                    "max" :159980,
                    "type"  :"boxplot",
                },
                {
                    "name"  :"Top",
                    "min" :15202,
                    "q1" :43073,
                    "medium" :55168,
                    "q3" :80136,
                    "max" :159825,
                    "type"  :"boxplot",
                },
            ],
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/new/boxline',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    },

    

    //自定义组件
    {
        chartType: 'customChart',
        layerName: '自定义组件',
        icon: "el-icon-datav-customChart",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            customOption: 'option = {\n' +
                '        title: {\n' +
                '            text: \'自定义图表\',\n' +
                '            textStyle: {\n' +
                '                color: \'#fff\',        // 颜色\n' +
                '                fontStyle: \'normal\',     // 风格\n' +
                '                fontWeight: \'normal\',    // 粗细\n' +
                '                //fontFamily: \'Microsoft yahei\',   // 字体\n' +
                '                //fontSize: 20,     // 大小\n' +
                '                align: \'center\'   // 水平对齐\n' +
                '            }\n' +
                '        }\n' +
                '    };\n' +
                '\n',
            //载入动画
            animate: '',
            //是否静态数据
            isStaticData: true,
            //静态数据值
            staticDataValue: null,
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/test',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //是否查看详情1/0
            isView: '0',
            //查看详情接口地址
            viewURL: '',
            //绑定的div
            bindingDiv: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    },
    {
        chartType: 'text',
        layerName: '文本框',
        icon: "el-icon-datav-text",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            //是否静态数据
            isStaticData: true,
            //静态数据值
            staticDataValue: "文本框",
            //当isStaticData: false时，为动态数据，需要走接口获取
            fontSize: 25,
            fontFamily: "宋体",
            fontColor: "#fff",
            fontWeight: "normal",
            letterSpacing: 0,
            lineHeight: 40,
            backgroundColor: "",
            textAlign: "center",
            customData: '(result,chartDiv)=>{ \n'+
                '   return result; \n'+
            '}',
            border: '',
            animate: '',
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/text',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, {
        chartType: 'lamp',
        layerName: '跑马灯',
        icon: "el-icon-datav-lamp",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            fontSize: 25,
            fontFamily: "宋体",
            fontColor: "#fff",
            fontWeight: "normal",
            letterSpacing: 0,
            lineHeight: 40,
            backgroundColor: "",
            textAlign: "center",
            loopDelay: 30,
            border: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            //载入动画
            animate: "",
            customData: '(result,chartDiv)=>{ \n'+
                '   return result; \n'+
            '}',            
            //是否静态数据
            isStaticData: true,//当isStaticData: false时，为动态数据，需要走接口获取
            //静态数据值
            staticDataValue: "跑马灯|哈哈哈",
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/lamp',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, {
        chartType: 'date',
        layerName: '实时时间',
        icon: "el-icon-datav-date",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            fontSize: 25,
            fontFamily: "宋体",
            fontColor: "#fff",
            fontWeight: "normal",
            letterSpacing: 0,
            lineHeight: 40,
            backgroundColor: "",
            textAlign: "center",
            dateFormat: "yyyy-MM-dd HH:mm:ss",
            customFormat: "yyyy-MM-dd HH:mm:ss",
            isCustom: false,
            border: '',
            customData: '(result,chartDiv)=>{ \n'+
                '   return result; \n'+
            '}',
            //载入动画
            animate: "",
            staticDataValue: "",
            //是否静态数据
            isStaticData: true,//当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/test',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    },
    {
        chartType: 'colorBlock',
        layerName: '颜色块',
        icon: "el-icon-datav-colorBlock",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            //块属性：颜色，后缀
            colorBlock: [],
            text: {
                left: 'flex-start',
                size: 18,
                color: '#fff',
                weight: 'normal',
                family: '黑体',
                width: 60,
            },
            value: {
                left: 'flex-end',
                size: 36,
                color: '#fff',
                family: 'Digital',
                weight: 'normal',
            },
            suffix: {
                size: 16,
                color: '#fff',
                family: '黑体',
                weight: 'normal',
                width: 30,
            },
            textLocate: 'left',

            numOfCol: 2,//列数
            //colorheight:'30',//颜色块的高
            marginLeft: 0,
            marginTop: 0,//间隔
            bradius: 5,//边框圆角

            isThousand: ",",
            //静态数据值
            staticDataValue: [
                { value: 335, name: '数据1', suffix: "单位1" },
                { value: 310, name: '数据2', suffix: "单位2" },
                { value: 234, name: '数据3', suffix: "单位3" },
                { value: 135, name: '数据4', suffix: "单位4" },
                { value: 135, name: '数据5', suffix: "单位5" },
                { value: 1548, name: '数据6', suffix: "单位6" }
            ],
            //载入动画
            animate: "",
            customData: '(result,chartDiv)=>{ \n'+
                '   return result; \n'+
            '}',            
            //当isStaticData: false时，为动态数据，需要走接口获取
            //是否静态数据
            isStaticData: true,
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/colorBlock',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, {
        chartType: 'wordcloud',
        layerName: '字符云',
        icon: "el-icon-datav-wordcloud",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            tooltip: {},
            gridSize: 3,// 单词之间的间隔大小
            sizeMin: 15,
            sizeMax: 60,// 最小字体和最大字体
            rotationMin: -45,
            rotationMax: 90,// 字体旋转角度的范围
            shape: 'pentagon',// 词云的形状
            textStyle: {
                normal: {
                    color: function () {
                        return 'rgb(' + [
                            Math.round(Math.random() * 255),
                            Math.round(Math.random() * 255),
                            Math.round(Math.random() * 255)
                        ].join(',') + ')';
                    }
                },
                emphasis: {
                    shadowBlur: 10,
                    shadowColor: '#333'
                }
            },
            isTop: true,
            //静态数据值
            staticDataValue: [{
                name: '北京',
                value: 273
            },
            {
                name: '上海',
                value: 265
            },
            {
                name: '深圳',
                value: 200
            },
            {
                name: '重庆',
                value: 150
            },
            {
                name: '天津',
                value: 300
            },
            {
                name: '哈尔滨',
                value: 205
            }],
            //载入动画
            animate: "",
            //通用处理函数
            customData: '(option,result,chartDiv)=>{ \n'+
                '   return option; \n'+
            '}',             
            //当isStaticData: false时，为动态数据，需要走接口获取
            //是否静态数据
            isStaticData: true,
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/wordcloud',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, {
        chartType: 'flop',
        layerName: '翻牌器',
        icon: "el-icon-datav-flop",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            fontSize: 60,
            fontFamily: "微软雅黑",
            fontWeight: "normal",
            fontColor: "#CDFBFF", //字体颜色
            letterSpacing: 0,   //字体间距
            backgroundColor: "rgba(0, 0, 0, 0)", //背景颜色1
            selectedBackgroundColor: "#0070C6", //背景颜色2
            borderColor: "rgba(105, 123, 148, 0.5)",
            borderWidth: "0",
            cardWidth: "38",
            startVal: 0,     //开始值
            endVal: 2021,    //结束值
            duration: 3000,  //持续时间，以毫秒为单位
            decimals: 0,     //要显示的小数位数
            separator: ",",  //分隔符
            prefix: "¥ ",    //前缀
            suffix: " rmb",  //后缀
            //静态数据值
            staticDataValue: 2021,
            //载入动画
            animate: "",
            customData: '(result,chartDiv)=>{ \n'+
                '   return result; \n'+
            '}',            
            //当isStaticData: false时，为动态数据，需要走接口获取
            //是否静态数据
            isStaticData: true,
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/flop',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    },{
        chartType: 'card',
        layerName: '卡片',
        icon: "el-icon-datav-card",
        customId: '',
        width: 450,
        height: 520,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            head:{
                height:30,//头像整体div高度占比
                marginTop:0,//头像整体div上边距
                headImg:{
                    height:90,//头像高度占比
                    width:29,//头像宽度占比
                    marginLeft: 38,//头像左边距
                },
                tipImg:{
                    src:"",//提示框图片地址
                    height:20,//提示框图片高度占比
                    width:35,//提示框图片宽度占比
                    marginLeft: 60,//提示框图片左边距
                    marginTop: 0,//提示框图片上边距
                    show: "block",
                    sync: true,//与提示框文字同步
                },
                tipText:{
                    fontSize: 16, //提示框文字大小
                    fontColor: "#fff",//提示框文字颜色
                    fontFamily:"宋体",//字体名称
                    fontWeight:"normal",//字体粗细
                    letterSpacing:2,//字体间距
                    marginTop: 2,//提示框文字上边距
                    marginLeft: 75,//提示框文字左边距
                }
            },
            name:{
                fontSize: 30,//名称文字大小
                fontColor: "#fff",//名称文字颜色
                fontFamily:"宋体",//字体名称
                fontWeight:"normal",//字体粗细
                letterSpacing:2,//字体间距
                marginTop: 0,//名称文字上边距
                marginLeft: 38,//名称文字左边距
                marginBottom: 2//名称文字左边距
            },
            infoItem:{
                height: 30,//整体高度占比
                fontSize: 30,//信息行文字大小
                fontColor: "#fff",//信息行文字颜色
                fontFamily:"宋体",//字体名称
                fontWeight:"normal",//字体粗细
                letterSpacing:2,//字体间距
                marginTop: 5,//信息行上边距
                textMarginLeft: 3,//文字距背景图片左边距
                textMarginTop: 5,//文字距背景图片上边距
                background: "img",//信息行文字背景类型
                backgroundColor :"#001C50",//信息行文字背景色
                backgroundImg:""//信息行文字背景图片
            },
            detailItem:{
                height: 30,//整体高度占比
                fontSize: 30,//详细信息行文字大小
                fontColor: "#fff",//详细信息行文字颜色
                fontFamily:"宋体",//字体名称
                fontWeight:"normal",//字体粗细
                letterSpacing:2,//字体间距
                marginTop: 5,//详细信息行上边距
                textMarginTop: 5,//文字距背景图片上边距
                background: "img",//详细信息行文字背景类别
                backgroundColor :"#001C50",//详细信息行文字背景颜色
                backgroundImg:""      //详细信息行文字背景图片
            },
            numOfCol:1,//列数
            marginLeft:0,//横向间距
            marginTop:0,//纵向间距
            //静态数据值
            staticDataValue: [{
                "id":"1",
                "head":{"headImg":"http://221.212.111.73:2080/prod-api/profile/backgroundBox/2022/04/14/d60a075bdd447611d2ac2f48806226cc.png","tipText":"迟到1次"},
                "name":"测试人员",
                "infoItem":[{"label":"联系电话","value":"13312345678"},{"label":"工作年限","value":"12年"}],
                "detailItem":[{"label":"工作日报查看","address":"https://echarts.apache.org/zh/option.html#series-effectScatter.label.show"},
                        {"label":"工作周报查看","address":""}]
            }],
            //载入动画
            animate: "",
            customData: '(result,chartDiv)=>{ \n'+
                '   return result; \n'+
            '}',            
            //当isStaticData: false时，为动态数据，需要走接口获取
            //是否静态数据
            isStaticData: true,
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/card',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    },
    {
        chartType: 'img',
        layerName: '图片',
        icon: "el-icon-datav-img",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            bindingDiv: '',
            imgURL: '', //图片地址
            opacity: 1,    //透明度
            rotation: false,
            customData: '(result,imgDiv)=>{ \n'+
                '   return result; \n'+
            '}',
            //载入动画
            animate: '',
            isStaticData: true,
            staticDataValue: '',
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/test',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, {
        chartType: 'qRcode',
        layerName: '二维码',
        icon: "el-icon-datav-qRcode",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            text: 'https://www.baidu.com/',
            size: 200,
            imageUrl: '../../../../../assets/logo/logo.png',
            customData: '(result,chartDiv)=>{ \n'+
                '   return result; \n'+
            '}',
            //载入动画
            animate: '',
            staticDataValue: '',
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/test',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, {
        chartType: 'video',
        layerName: '视频',
        icon: "el-icon-datav-video",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {

            videoURL: 'https://v-cdn.zjol.com.cn/280443.mp4',
            replay: "loop",
            controls:true,
            customData: '(result,chartDiv)=>{ \n'+
                '   return result; \n'+
            '}',
            //载入动画
            animate: '',
            staticDataValue: '',
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/test',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    },{
        chartType: 'realtime',
        layerName: '实时视频',
        icon: "el-icon-datav-realtime",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {

            videoURL: '',
            controls:true,
            customData: '(result,chartDiv)=>{ \n'+
                '   return result; \n'+
            '}',
            //载入动画
            animate: '',
            staticDataValue: '',
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/test',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, {
        chartType: 'hyperlink',
        layerName: '超链接',
        icon: "el-icon-datav-hyperlink",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            href: "https://www.baidu.com",
            target: "_blank",
            label: {
                context: '超链接',
                fontSize: 20,
                fontFamily: '宋体',
                linkColor: "rgb(81,0,254)",
                visitedColor: "rgb(128,0,128)",
                hoverColor: "rgb(255,0,0)",
                activeColor: "rgb(255,0,0)",
                decoration: "underline",//overline有问题 blink 只能在firefox中使用 只有 none underline line-through能用
            },
            img: {
                src: 'https://cn.vuejs.org/images/logo.png',
                width: '50',
                height: '50',
            },
            //显示字体还是图片
            type: 'label',
            customData: '(result,chartDiv)=>{ \n'+
                '   return result; \n'+
            '}',
            //载入动画
            animate: '',
            staticDataValue: '',
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/test',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, {
        chartType: 'iframe',
        layerName: 'iframe',
        icon: "el-icon-datav-iframe",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {

            src: "https://www.baidu.com",
            backgroundColor: "",
            customData: '(result,chartDiv)=>{ \n'+
                '   return result; \n'+
            '}',
            //载入动画
            animate: '',
            staticDataValue: '',
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/test',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0

        }
    }, {
        chartType: 'rotation',
        layerName: '轮播图',
        icon: "el-icon-datav-rotation",
        customId: '',
        width: 350,
        height: 200,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            //是否3D效果
            isEffect: "slide", // 3d效果
            //轮播速度
            playSpeed: 5000,
            //滚动方向
            direction: "horizontal", //vertical 纵向
            isPagination: false,//是否显示分页器
            paginationType: 'bullets',
            //是否静态数据
            isStaticData: true,
            //静态数据值
            staticDataValue: [{
                value: 'https://img.alicdn.com/tfs/TB1v28TC8v0gK0jSZKbXXbK2FXa-1880-640.jpg',
            }, {
                value: 'https://img.alicdn.com/tfs/TB1uevcCrj1gK0jSZFuXXcrHpXa-1880-640.jpg',
            }],
            customData: '(result,chartDiv)=>{ \n'+
                '   return result; \n'+
            '}',
            //载入动画
            animate: '',
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/rotation',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0
        }
    }, 
    
    {
        chartType: 'taBle',
        layerName: '分页表格',
        icon: "el-icon-datav-taBle",
        customId: '',
        width: 600,
        height: 350,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            pageSize: 5,
            cols: [
                { field: "id", title: "列名id" },
                { field: "name", title: "列名name" },
                { field: "age", title: "列名age" },
                { field: "score", title: "列名score" }
            ],//表头
            isLeft: "center",//对齐
            theadbackgroundcolor: 'rgba(10, 30, 94, 0.83)',
            theadheight: 35,//表头行高
            theadfontcolor: 'rgba(255,255,255,.6)',
            theadfontsize: 18,
            theadfontfamily: "微软雅黑",

            tbodyheight: 40,//表格行高
            tbodybackgroundcolor: 'rgba(255,255,255,0)',
            tbodyfontcolor: "rgba(255,255,255,.6)",
            tbodyfontsize: 18,
            tbodyfontfamily: "微软雅黑",
            isInitialized: false,
            pagination:true,
            //是否静态数据
            isStaticData: true,
            //静态数据值
            staticDataValue: [
                { "id": "20078d08", "name": "学生0", "age": 77, "score": 99 },
                { "id": "87450164", "name": "学生1", "age": 19, "score": 18 },
                { "id": "1baa7837", "name": "学生2", "age": 24, "score": 51 },
                { "id": "0cbbc35d", "name": "学生3", "age": 14, "score": 72 },
                { "id": "6e1fe529", "name": "学生4", "age": 10, "score": 88 },
                { "id": "c6f63bd4", "name": "学生5", "age": 64, "score": 74 },
                { "id": "558410ad", "name": "学生6", "age": 68, "score": 92 },
                { "id": "5473509b", "name": "学生7", "age": 18, "score": 7 }
            ],
            //载入动画
            animate: '',
            customData: '(result,chartDiv)=>{ \n'+
                '   return result; \n'+
            '}',
            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/table',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0,
            linkageCols: [{
                field: '',
                bindingChart: [],
                paramName: ''
              }]
        }
    }, {
        chartType: 'tablerotation',
        layerName: '滚动表格',
        icon: "el-icon-datav-tablerotation",
        customId: '',
        width: 600,
        height: 350,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            cols: [
                { field: "id", title: "列名id", width: 25 },
                { field: "name", title: "列名name", width: 25 },
                { field: "age", title: "列名age", width: 25 },
                { field: "score", title: "列名score", width: 25 }
            ],//表头
            theadStyle: [],//表头样式:：列名，绑定id，列宽
            isLeft: "center",//对齐

            isthead: true,
            theadbackgroundcolor: 'rgba(10, 30, 94, 0.83)',
            theadheight: 35,//表头行高
            theadfontcolor: 'rgba(255,255,255,.6)',
            theadfontsize: 18,
            theadfontfamily: "微软雅黑",

            tbodyheight: 40,//表格行高
            tbodyfontcolor: "rgba(255,255,255,.6)",
            tbodyfontsize: 18,
            tbodyfontfamily: "微软雅黑",

            evencolor: "rgba(255,255,255,0)",
            oddcolor: "rgba(255,255,255,0)",

            progress: {
                color: '#10FEF2',
                textcolor: '#10FEF2',
                textsize: 16,
                width: 13,
            },

            isoverflowtip: true,//提示框
            Ocolor: "#000000",//字色
            Ofontsize: 18,//字号
            Obgcolor: "#fff",//背景色
            direction: '0',//向下
            velocity: 0.6,//滚动速度
            isrunshort: false,//不足是否滚动
            isThousand: ",",
            singleHeight: 0,//单行停顿
            waitTime:0,//停顿时间
            //载入动画
            animate: '',
            customData: '(result,chartDiv)=>{ \n'+
                '   return result; \n'+
            '}',
            //isfirst:"true",//是否第一次加载，true：是，false：否
            //是否静态数据
            isStaticData: true,
            //静态数据值
            staticDataValue: [
                { "id": "20078d08", "name": "学生0", "age": 77, "score": 99 },
                { "id": "87450164", "name": "学生1", "age": 19, "score": 98 },
                { "id": "1baa7837", "name": "学生2", "age": 24, "score": 91 },
                { "id": "0cbbc35d", "name": "学生3", "age": 14, "score": 92 },
                { "id": "6e1fe529", "name": "学生4", "age": 10, "score": 98 },
                { "id": "c6f63bd4", "name": "学生5", "age": 64, "score": 74 },
                { "id": "558410ad", "name": "学生6", "age": 68, "score": 92 },
                { "id": "5473509b", "name": "学生7", "age": 18, "score": 97 }
            ],

            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/table',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0,
            linkageCols: [{
                field: '',
                bindingChart: [],
                paramName: ''
              }]
        }
    }, {
        chartType: 'tabletop',
        layerName: '排行表格',
        icon: "el-icon-datav-tabletop",
        customId: '',
        width: 600,
        height: 350,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            cols: [
                { field: "id", title: "列名id", width: 23 },
                { field: "name", title: "列名name", width: 23 },
                { field: "age", title: "列名age", width: 23 },
                { field: "score", title: "列名score", width: 23 }
            ],
            theadStyle: [],//表头样式:：列名，绑定id，列宽
            isLeft: "center",//对齐

            isthead: true,
            theadbackgroundcolor: 'rgba(10, 30, 94, 0.83)',
            theadheight: 32,//表头行高
            theadfontcolor: 'rgba(255,255,255,.6)',
            theadfontsize: 16,
            theadfontfamily: "微软雅黑",

            tbodyheight: 40,//表格行高
            tbodyfontcolor: "rgba(255,255,255,.6)",
            tbodyfontsize: 18,
            tbodyfontfamily: "微软雅黑",

            isThousand: ",",
            evencolor: "rgba(255,255,255,0)",
            oddcolor: "rgba(255,255,255,0)",

            progress: {
                color: '#10FEF2',
                textcolor: '#10FEF2',
                textsize: 16,
                width: 13,
            },

            showRank: true,//显示排行
            isoverflowtip: true,//提示框
            Ocolor: "#000000",//字色
            Ofontsize: 18,//字号
            Obgcolor: "#fff",//背景色
            //isfirst:"true",//是否第一次加载，true：是，false：否
            //载入动画
            animate: '',
            customData: '(result,chartDiv)=>{ \n'+
                '   return result; \n'+
            '}',
            //是否静态数据
            isStaticData: true,
            //静态数据值
            staticDataValue: [
                { "id": "20078d08", "name": "学生0", "age": 77, "score": 99 },
                { "id": "87450164", "name": "学生1", "age": 19, "score": 98 },
                { "id": "1baa7837", "name": "学生2", "age": 24, "score": 91 },
                { "id": "0cbbc35d", "name": "学生3", "age": 14, "score": 92 },
                { "id": "6e1fe529", "name": "学生4", "age": 10, "score": 98 },
                { "id": "c6f63bd4", "name": "学生5", "age": 64, "score": 74 },
                { "id": "558410ad", "name": "学生6", "age": 68, "score": 92 },
                { "id": "5473509b", "name": "学生7", "age": 18, "score": 97 }
            ],

            //当isStaticData: false时，为动态数据，需要走接口获取
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/table',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            //绑定的div
            bindingDiv: '',
            theme: '',
            // 数据源类型：静态数据：static；接口数据：url;数据源：database
            dataSourceType: 'static',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: '',
                //执行sql结构
                executeSql: ''
            },
            bi: null,
            timeout: 0,
            linkageCols: [{
                field: '',
                bindingChart: [],
                paramName: ''
              }]
        }
    },
    {
        chartType: 'textCheckBox',
        layerName: '文本复选框',
        icon: "el-icon-datav-textCheckBox",
        customId: '',
        width: 350,
        height: 210,
        x: 50,
        y: 100,
        zindex: 0,
        isShow: true,
        chartOption: {
            //所绑定组件id
            selectedCharts: "",
            name: "textcheck_name",
            /* 内边距 */
            paddingLeftRight: 15, //左右内边距
            paddingTopBottom: 5, //上下内边距
            /* 外边距 */
            marginLeftRight: 10, //左右外边距
            marginTopBottom: 7, //上下外边距
            /* 默认样式 */
            fontSize: 16,
            fontWeight: "normal",
            fontFamily: '微软雅黑',
            letterSpacing: 0,
            fontColor: "#779FCD",
            //borderWidth: 1,
            //borderColor: "#0F355B",
            backgroundColor: "#0F355B",
            /* 选中样式 */
            selectedFontSize: 16,
            selectedFontFamily: '微软雅黑',
            selectedFontWeight: "normal",
            selectedLetterSpacing: 0,
            selectedFontColor: "#fff",
            //selectedBorderWidth: 1,
            //selectedBorderColor: "#0F355B",
            selectedBackgroundColor: "#3973C7",
            checkType:"single",
            //是否静态数据
            isStaticData: true,
            dataSourceType: 'static',
            //静态数据值
            staticDataValue: [
                { key: 'all', value: '全国' },
                { key: 'impArea', value: '重点区域' },
                { key: 'river', value: '长江经济带' },
                { key: 'unimpArea', value: '非重点区域' },
                { key: 'ringArea', value: '环渤海城市' },
                { key: 'goodDays', value: '优良天数' },
                { key: 'PM2.5', value: 'PM2.5' },
                { key: 'l5', value: '劣V类' },
                { key: 'COD', value: 'COD' },
                { key: 'NH', value: 'NH' },
                { key: 'NHx', value: 'NHx' },
                { key: 'goodWater', value: '水质优良' },
                { key: 'SO2', value: 'SO2' }
            ],
            //接口地址
            interfaceURL: 'http://localhost:8088/chart/api/textCheckBox',
            //请求方式GET/POST
            requestMethod: 'GET',
            //请求参数 例如：?a=1&b=2
            requestParameters: '',
            customData: '(result,chartDiv)=>{ \n'+
                '   return result; \n'+
            '}',
            theme: '',
            database: {
                //数据源类型
                type: 'mysql',
                //数据源链接IP地址
                ipAdress: '',
                //端口
                port: '',
                //数据库名
                baseName: '',
                //用户名
                username: '',
                //密码
                password: ''
            },
            timeout: 0,
            //绑定动画
            animate: '',
            bindingDiv: '',
            bindList: [],
        }
    },

]

export function getDrillDownOption(chartType, theme, bindingDiv) {
    let chartOption = drillDownOptions.filter((item)=>{return item.chartType == chartType})[0];
    if (chartOption != null) {
        const cloneOption = JSON.parse(JSON.stringify(chartOption));
        cloneOption.chartOption.bindingDiv = "drill" + bindingDiv;
        cloneOption.chartOption.theme = theme;
        return cloneOption;
    } else {
        return null;
    }
}
